DNS Prefetch là gì ?
DNS Prefetch đơn giản là các đường link dùng để load dữ liệu trên server web của bạn trước và giúp tăng tốc độ tải trang của bạn , nhưng nói đúng hơn DNS Prefetch sẽ không load các đường link có trong thẻ để tối ưu tốc độ load của blog bạn và giúp blog hoạt động mượt mà hơn , index bài viết nhanh hơn.
Cách sử dụng DNS Prefetch
Để sử dụng được DNS Prefetch bạn tiến hành cho toàn bộ code sau vào sau thẻ <head> nhớ là ngay sau luôn nhé.
<!-- Mo Dau -->
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<!-- End DNS Prefetch -->
Cách tối ưu khi có Javascript khác.
Khi bạn có 1 đoạn Javascript khác làm chậm tốc độ tải trang. Ví dụ như : https://tkwtips.com/data/index.jsnó làm chậm tốc độ tải trang của bạn và phải load khi mới vào web - blog của bạn, để khắc phục thì bạn tiến hành tìm đến code chứa DNS Prefetch và cho đoạn code sau vào :
<link href='//tkwtips.com' rel='dns-prefetch'/>Trên chỉ là ví dụ . Còn phần đặt link thì các bạn tự đặt nhé , code đặt link DNS Prefetch :
<link href=link cần chặn load' rel='dns-prefetch'/>Chúc các bạn thành công
Copyright © 2018
Không có nhận xét nào: