Friday, May 12, 2017

Cách tăng tốc độ tải trang web bằng DNS Prefetch hiệu quả


THỦ THUẬT SEO

Bài liên quan

Prefetch DNS  là một cách để giải quyết DNS của một domain cụ thể. Đôi khi chúng ta sử dụng hình ảnh, file js, css từ bên ngoài liên kết ...



Prefetch DNS là một cách để giải quyết DNS của một domain cụ thể. Đôi khi chúng ta sử dụng hình ảnh, file js, css từ bên ngoài liên kết với trang web của mình và nó ảnh hưởng đến quáy trình hay thời gian tải trang web điều này gây ra ức chế cho người dùng. Vậy làm thế nào để khác phục vấn đề này hãy cùng tôi tham khảo bài viết dười đây

Cách tăng tốc độ tải trang web bằng DNS Prefetch hiệu quả


Như ở bài trước tôi đã hướng dẫn các bạn tối ưu file javascript để tăng tốc độ website, hôm nay tôi sẽ tiếp tục chỉ cho các bạn cách sử dụng Prefetch DNS để tăng tốc độ load cho bloger, chúng ta có thể làm giảm thời gian tải liên kết từ bên ngoài, cũng như cải thiện tình hình website chậm như rùa. Trong hướng dẫn này, chúng ta sẽ tìm hiểu cách thêm DNS Prefetch vào trang blogger dể tăng tốc độ trang web của mình. 

Làm thế nào để Thêm dns-prefetch vào Blogger


Bước 1: Đăng nhập vào tài khoản blogger của bạn

Bước 2: Chuyển đến Chủ đề> Chỉnh sửa HTML

Bước 3: Nhấn CTRL + F từ bàn phím tìm kiếm theo và dán đoạn mã dưới đây bên trong thẻ <head>

1. < Link href = ' //1.bp.blogspot.com ' rel = ' dns-prefetch ' />
2. < link href = ' //28.2bp.blogspot.com ' rel = ' dns-prefetch ' />
3. < link href = ' //3.bp.blogspot.com ' rel = ' dns-prefetch ' />
4. < link href = ' //4.bp.blogspot.com ' rel = 'Dns-prefetch ' />
5. < link href = ' //2.bp.blogspot.com ' rel = ' dns-prefetch ' /> /* Bỏ cũng được*/
6. < link href = ' //www.blogger.com ' rel = ' dns-prefetch ' />
7. < Link href = ' //maxcdn.bootstrapcdn.com ' rel = ' dns-prefetch ' />
8. < link href = ' //fonts.googleapis.com ' rel = ' dns-prefetch ' />
9. < link href = ' //use.fontawesome.com ' rel = ' dns-prefetch ' />
10. < link href = ' //ajax.googleapis.com ' rel = ' dns -prefetch ' />
11. < link href = ' //resources.blogblog.com ' rel = ' dns-prefetch '/> /* Bỏ cũng được*/
12. < Link href = ' //www.facebook.com ' rel = ' dns-prefetch ' />
13. < link href = ' //plus.google.com ' rel = ' dns-prefetch ' />
14. < link href = ' //twitter.com ' rel = ' dns-prefetch ' />
15. < link href = ' //www.youtube.com ' rel = ' dns-prefetch ' />
16. < link href = ' //feedburner.google.com ' rel = ' dns-prefetch ' />
17. < link href = ' //www.pinterest.com ' rel = ' dns -prefetch ' />
18. < link href = ' //www.linkedin.com ' rel = ' dns-prefetch ' />
19. < Link href = ' //feeds.feedburner.com ' rel = ' dns-prefetch ' />
20. < link href = ' //github.com ' rel = ' dns-prefetch ' />
21. < link href = ' // player .vimeo.com ' rel = ' dns-prefetch ' />
22. < link href = ' //platform.twitter.com ' Rel = ' dns-prefetch ' />
23. < link href = ' //apis.google.com ' rel = ' dns-prefetch ' />
24. < link href = ' //connect.facebook.net ' rel = ' dns-prefetch ' />
25. < Link href = ' //cdnjs.cloudflare.com ' rel = ' dns-prefetch ' />
26. <Link href = ' //www.google-analytics.com ' rel = ' dns-prefetch ' />
27. < link href = ' //pagead2.googlesyndication.com ' rel = ' dns-prefetch ' />
28. < link href = '' //googleads.g.doubleclick.net ' rel = ' dns-prefetch ' />
29. < link href = ' //www.gstatic.Com ' rel = ' preconnect ' />
30. < link href = ' //www.googletagservices.com ' rel = ' dns-prefetch ' />
31. < link href = ' //static.xx.fbcdn.net ' rel = ' dns -prefetch ' />
32. < link href = ' //tpc.googlesyndication.com ' rel = ' dns-prefetch '/>
33. < Link href = ' //syndication.twitter.com ' rel = ' dns-prefetch ' />


Bấm lưu mẫu và hưởng thụ kết quả bạn sẽ tháy trang web minh nhanh hơn. Chúc các bạn thành công






Biểu tượng cảm xúc ( Copy và dán xuống phần Comment )
Hãy Comment Những Gì Bạn Chưa Hiểu Hay Đơn Giản Là Để góp phần Tạo Động Lực Cho Tác Giả
• Không SPAM bạn nhé!
EmoticonEmoticon