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'/>
DONASI Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.bangopit.id. Terima kasih.

7 Komentar

Peraturan Berkomentar
1. Jangan menggunakan kata-kata kotor dan kasar
2. Jangan menyertakan link dalam berkomentar
3. Jangan membahas keluar topik, jika keluar topik sebaiknya gunakan Contant Form yang disediakan

  1. Nice post. I learn something totally new and challenging on blogs I stumbleupon on a daily basis.
    It's always helpful to read through content from
    other writers and use something from their web sites.

    BalasHapus
  2. blog saya tiba2 lelet itu kenapa ya mas, udah coba ini itu tapi gk berhasil, mohon solusinya mas

    BalasHapus
    Balasan
    1. Kebayakan script dan link external kali blog agan, dan jangan lupa untuk kompres setiap gambar yang ada pada artikel blog agan.

      Hapus
  3. Alhamdulillah saya sudah coba cara di atas dan emang ada perubahan pada blog saya... tapi mungkin perubahannya belum signifikan.. apa mungkin ada faktor lainnya min

    BalasHapus
    Balasan
    1. Selain cara diatas, agan juga harus Mengompress gambar pada setiap artikel dan juga hapus kode js atau CSS yang tidak perlu, dll.

      Hapus
    2. Speed blog memang sangat mempengaruhi kinerja blog, maka para blogger perlu hmemperhatikan point yang satu ini. Selain visitor akan dbuat nyaman saat berkunjung, earning dari adas mudah tampil.

      Terkait DNS Prefetch di atas baru diaplikasian pada salah satu blog saya. Meski belum terlalu terasa pengaruhnya, tapi lumayan menambah skor di Gt Metrix saat di cek barusan.

      Hapus

Posting Komentar

Peraturan Berkomentar
1. Jangan menggunakan kata-kata kotor dan kasar
2. Jangan menyertakan link dalam berkomentar
3. Jangan membahas keluar topik, jika keluar topik sebaiknya gunakan Contant Form yang disediakan

Lebih baru Lebih lama