 |
| Ilustrasi DNS Prefetch (dirolu) |
dirolu-Mempercepat loading blog adalah bagian dari cara meningkatkan SEO. Blog yang cepat tentunya akan menghemat waktu pengunjung, yang pada akhirnya membuatnya betah untuk membaca artikel secara keseluruhan.
Ada banyak cara dilakukan untuk mempercepat loading blog. Tutorial kali ini adalah cara untuk mempercepat loading blog dengan menggunakan DNS Prefetch. Namun sebelum memulainya kita perlu mengenal apa itu DNS Prefetch dan bagaimana kerjanya.
Apakah DNS Prefetch itu ?
DNS Prefetch adalah fitur dari browser yang bekerja untuk melakukan perubahan nama domain. Saat melakukan perubahan nama domain, misalnya dirolu.my.id menjadi 127.0.0.1. DNS Prefetch bekerja dibalik layar. Perubahan ini memang tidak terlihat , tapi yang perlu diketahui browser bekerja menggunakan perubahan URL saat mengambil lokasi server alamat URL tersebut.
Proses saat meminta data ke server hingga data diterima itu memakan waktu. Meski kecil, namun latensi pemuatan data bisa ditekan hingga beberapa detik dengan menggunakan DNS Prefetch. Lebih mudahnya bisa dipahami melalui gambar dibawah ini.
 |
| (foto: websiteincome) |
Jadi dengan menggunakan DNS Prefetch setiap link/tautan dalam blog akan dirubah menjadi alamat IP lebih awal dan disimpan dalam cache browser. Selanjutnya, ketika pengunjung melakukan scroll pada blog atau mengklik salah satu tautan, browser akan langsung menampilkanya karena tautan dengan tag DNS Prefetch diambil lebih cepat dari cache browser.
Salah satu contoh ketika sebuah blog dengan custom fonts google. Agar perenderan berjalan dengan cepat, ketika pengunjung baru membuka blog, tautan eksternal google fonts yang telah diberi tag DNS Prefetch telah lebih dulu dirubah menjadi alamat IP.
Contoh penerapan tag DNS Prefetch untuk tautan google fonts :
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
Sehingga proses perenderan lebih cepat karena proses resolusi DNS Prefetch lebih dulu selesai sebelum pengunjung melakukan scroll atau klik salah satu tautan di blog.
Untuk lebih lengkapnya, penerapan DNS Prefetch di blog bisa mengikuti cara dibawah ini ;
Cara Memasang DNS Prefetch di Blog
1. Login ke Blogger
2. Pilih Tema dan edit HTML
3. Salin dan tempatkan kode dibawah ini sebelum kode </head>
<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'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>Bila sudah, simpan dan refresh browser untuk melakukan pengecekan. Selain kode diatas bisa juga ditambahkan kode lainnya sesuai dengan tautan yang ada pada blog.