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 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
Điểm 4.6/5 dựa vào 87 đánh giá