DNS Prefetch / Domain Name System Prefetching yaitu salah satu cara mempercepat pemuatan domain tertentu dan tentunya akan berimbas pada kecepatan blog kita.
Cara Kerja DNS Prefetch
DNS Prefetch akan menawarkan perintah kepada browser untuk menuntaskan perenderan nama Domain secepat mungkin lalu untuk beberapa dikala browser akan mengikatnya dan ketika pengunjung/visitor men-Scrool halaman blog, maka secara otomatis browser akan menampilkan halaman blog lebih cepat alasannya yaitu link external dengan tag DNS Prefetch dianggap telah akhir dimuat. Misalnya kau memasang font Awesome, maka tag yang dipakai adalah
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
Mungkin kau sudah mempunyai citra bagaimana cara kerja DNS Prefetch ini.
Cara Memasang DNS Prefetch
Tempelkan aba-aba ini, dibawah aba-aba tag <head> atau <head>
<!-- dns-prefetch Blogger -->
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.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='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Analytics -->
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Services -->
<link href='//themes.googleusercontent.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='//apis.google.com' rel='dns-prefetch'/>
<!-- dns-prefetch Bootstrap CDN -->
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Fonts -->
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<!-- dns-prefetch Font Awesome -->
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google CDN -->
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<!-- dns-prefetch CDN JS -->
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<!-- dns-prefetch sosial media -->
<link href='//github.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<link href='//r.twimg.com ' rel='dns-prefetch'/>
<link href=' http://p.twitter.com ' rel='dns-prefetch'/>
<link href=' http://cdn.api.twitter.com ' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
Jika pada blog kau juga terdapat link external dari sumber daya lain, silakan tambahkan tag DNS Prefetch dengan format sebagai berikut:
<link href='//url-external' rel='dns-prefetch'/>
Sekian dan Terima Kasih telah membaca artikel aku wacana Cara Mempercepat Loading Blog Dengan Memasang DNS Prefetch 100% Ampuh. Sampai Jumpa!
Cara Kerja DNS Prefetch
DNS Prefetch akan menawarkan perintah kepada browser untuk menuntaskan perenderan nama Domain secepat mungkin lalu untuk beberapa dikala browser akan mengikatnya dan ketika pengunjung/visitor men-Scrool halaman blog, maka secara otomatis browser akan menampilkan halaman blog lebih cepat alasannya yaitu link external dengan tag DNS Prefetch dianggap telah akhir dimuat. Misalnya kau memasang font Awesome, maka tag yang dipakai adalah
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
Mungkin kau sudah mempunyai citra bagaimana cara kerja DNS Prefetch ini.
Cara Memasang DNS Prefetch
Tempelkan aba-aba ini, dibawah aba-aba tag <head> atau <head>
<!-- dns-prefetch Blogger -->
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.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='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Analytics -->
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Services -->
<link href='//themes.googleusercontent.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='//apis.google.com' rel='dns-prefetch'/>
<!-- dns-prefetch Bootstrap CDN -->
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Fonts -->
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<!-- dns-prefetch Font Awesome -->
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google CDN -->
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<!-- dns-prefetch CDN JS -->
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<!-- dns-prefetch sosial media -->
<link href='//github.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<link href='//r.twimg.com ' rel='dns-prefetch'/>
<link href=' http://p.twitter.com ' rel='dns-prefetch'/>
<link href=' http://cdn.api.twitter.com ' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
Jika pada blog kau juga terdapat link external dari sumber daya lain, silakan tambahkan tag DNS Prefetch dengan format sebagai berikut:
<link href='//url-external' rel='dns-prefetch'/>
Sekian dan Terima Kasih telah membaca artikel aku wacana Cara Mempercepat Loading Blog Dengan Memasang DNS Prefetch 100% Ampuh. Sampai Jumpa!
Advertisement