Cara Menggunakan DNS Prefetch Agar Loading Blog Cepat

Banyak yang belum tahu cara menggunakan DNS Prefetch agar loading blog cepat, ya cara ini memang jarang terdengar tetapi kamu salah satu yang beruntung karena berhasil menemukan artikel ini karena sebentar lagi kamu akan mengetahui caranya.

Cara ini juga merupakan salah satu penerapan SEO yang direkomendasikan oleh mesin pencari seperti Google. Pada bagian selanjutnya, Gubuk Pintar akan jelaskan bukti nyatanya. Untuk itu, lanjutkan membacanya ya.

Daftar Isi

Apa Itu DNS Prefetch? Cara Menggunakan DNS Prefetch di Blog Penutup

Apa Itu DNS Prefetch?

HTML DNS Prefetch adalah fitur dari browser yang bekerja di balik layar untuk meresolusi domain dari sebuah alaman URL sebelum halamannya terbuka. Misalnya alamat Gubukpintar.com dengan menggunakan DNS Prefetch yang kemudian berubah menjadi alamat IP 127.0.0.1.

 

Perubahan URL ini memang tidak terlihat di kolom URL browser tetapi browser menggunakannya ketika mengambil data dari lokasi server alamat URL tersebut.

Fungsi HTML DNS Prefetch yaitu untuk mengurangi latensi ketika meminta data ke server sehingga blog mu lebih dapat di akses lebih cepat karena cache dari URL telah di simpan oleh browser. 

Latensi sendiri merupakan waktu yang dibutuhkan dalam proses pemuatan data yang dihitung dari permintaan data dilakukan hingga data diterima.

Proses kerja DNS Prefetch kurang lebih seperti pada gambar berikut ini,

Proses DNS Prefetching (sumber: Machmetrics)

Jadi, proses yang dioptimasi adalah tautan-tautan yang ada di halaman blog mu. Setiap URL akan di resolusikan lebih awal menjadi bentuk alamat IP sehingga ketika pengunjung melakukan klik terhadapnya, proses resolusi telah dilakukan dan permintaan data ke server dapat langsung berjalan.

 

Hasil resolusi sebelumnya disimpan dalam cache browser sehingga dapat siap dieksekusi sewaktu pengunjung menekan sebuah tautan..

Tanpa melakukan DNS Prefetch sejatinya browser tetap akan melakukan proses resolusi alamat IP tetapi baru akan dilakukan ketika pengguna melakukan klik sehingga latensi dalam proses pemuatan halaman akan lebih lama bila dibandingkan ketika menggunakan DNS Prefetch.

 

Perbandingan Lama Loading Halaman Dengan Prefetch dan Tanpa DNS Prefetch (sumber: impreva)

Meskipun tidak secara langsung mempengaruhi faktor SEO blog mu, DNS Prefetch nyatanya tetap penting untuk penerapan SEO. Alasannya adalah karena proses ini dapat mempercepat pemuatan halaman suatu blog serta tentunya meningkatkan user experience.

There's no limit per page. Make sure they load fast, for your users. I often check https://t.co/s55K8Lrdmo and aim for <2-3 secs

— 🍌 John 🍌 (@JohnMu) November 26, 2016

 

John Mueller, Senior Webmaster Trends Analyst Google, menyebutkan bahwa idealnya sebuah halaman web dibuka kurang dari 3 detik. Oleh karena itu, setiap upaya mempercepat loading blog harus dimanfaatkan.

Satu lagi bukti bahwa DNS Prefetch berpengaruh terhadap SEO, utamanya Google, yaitu munculnya peringatan "Reduce DNS Lookups" ketika melakukan inpseksi terhadap blog mu disitus seperti GTMetrix, dsb. Pernahkan kamu menemuinya?

Kegunaan DNS Prefetch salah satunya adalah untuk mengatasi masalah ini. Berdasarkan manfaat yang ditawarkannya, DNS Prefetch dapat dapat disimpulkan sebagai salah satu faktor yang menunjang SEO sebuah blog.

Baca Juga: Cara Mengatur Leverage Browser Caching di Blog

Cara Menggunakan DNS Prefetch di Blog

Cara membuat DNS Prefetch di blog sejatinya cukup mudah, kamu hanya perlu menambahkan atribut rel prefetch-dns dan mencantumkan URL tujuan. Selengkapnya seperti ini,

1. Buka Edit Tema HTML blog mu
2. Cari kode </head> atau </head>
3. Letakkan kode berikut ini di atas kode  </head> atau </head>
   
   

   <link href='//alamattujuan.com' rel='dns-prefetch'/>

   
   Ganti kode alamattujuan.com dengan URL situs tujuan. Apabila kamu menggunakan Blogger, kamu dapat menemukan rekomendasi DNS Prefetch SEO friendly dibawah.
   
   
4. Simpan Tema

Berikut ini adalah DNS Prefetch SEO friendly untuk Blogger yang dapat kamu gunakan. Sesuaikan dengan tautan keluar di blog mu ya.

 

<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//adservice.google.ca' rel='dns-prefetch'/>
<link href='//adservice.google.com' rel='dns-prefetch'/>
<link href='//themes.googleusercontent.com ' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<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'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<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='//disqus.com' rel='dns-prefetch'/>
<link href='//c.disquscdn.com' rel='dns-prefetch'/>
<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'/>

 

Jangan lupa tambahkan situs-situs lainnya agar semuanya tercakup. Perlu dicatat bahwa kamu tidak perlu melakukan DNS Prefetch terhadap situs mu sendiri karena ini tidak akan berdampak. 

 

Menurut Developer Mozilla, DNS Prefetch hanya akan bekerja untuk alamat yang berada di server berbeda. 

Baca Juga: Cara Mengatur Robot.txt Agar SEO Friendly di Blogger

 

Penutup

Seperti itulah cara memasang DNS Prefetch agar loading blog lebih cepat. Semoga cara ini dapat membantu menyelesaikan masalah mu dan untuk terus mengembangkan blog mu ya.

***

Apabila memiliki pertanyaan seputar artikel Cara Menggunakan DNS Prefetch Agar Loading Blog Cepat, silahkan tulis dikolom komentar ya.

Bila artikel ini bermanfaat, bantu Gubuk Pintar menyebarkan manfaatnya dengan membagikan artikel ini ke sosial media mu melalui tombol share di bawah ini. Terimakasih orang baik!

Baca juga: