Cara Mempercepat Loading Blog Dengan Memasang DNS Prefetch 100% Ampuh

DNS Prefetch / Domain Name System Prefetching adalah salah satu cara mempercepat pemuatan domain tertentu dan tentunya akan berimbas pada kecepatan blog kita.

Cara Kerja DNS Prefetch

DNS Prefetch akan memberikan perintah kepada browser untuk menyelesaikan perenderan nama Domain secepat mungkin kemudian untuk beberapa saat browser akan mengikatnya dan ketika pengunjung/visitor men-Scrool halaman blog, maka secara otomatis browser akan menampilkan halaman blog lebih cepat karena link external dengan tag DNS Prefetch dianggap telah selesai dimuat. Misalnya kamu memasang font Awesome, maka tag yang digunakan adalah
<link href='//use.fontawesome.com' rel='dns-prefetch'/>

Mungkin kamu sudah memiliki gambaran bagaimana cara kerja DNS Prefetch ini.

Cara Memasang DNS Prefetch

Tempelkan kode ini, dibawah kode tag <head> atau &lt;head&gt;
<!-- 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 kamu juga terdapat link external dari sumber daya lain, silakan tambahkan tag DNS Prefetch dengan format sebagai berikut:

<link href='//url-external' rel='dns-prefetch'/>

Komentar

Postingan populer dari blog ini

Cara Mengatasi Permasalahan pada Keyboard Komputer yang Aneh

Screen Tearing: Pengertian, Penyebab, dan Cara Mengatasi-nya

Cara Membuat Halaman Tautan Partner Keren di Blog