Cara Mempercepat Loading Blog Dengan DNS Prefetch
 |
| Cara Mempercepat Loading Blog Dengan DNS Prefetch. (Gambar: Davina.my.id) |
Davina ID - Cara Mempercepat Loading Blogger dengan Memasang DNS Prefetch. Mempunyai blog yang loading nya lemot pasti kesel banget bukan, apalagi kalo tidak segera diatasi, pasti masalah loading blog yang lambat tentu akan merugikan blog itu sendiri.
Ada beberapa praktisi SEO juga mengatakan bahwa speed atau kecepatan juga dapat mempengaruhi performa sebuah blog / situs. Hal ini mungkin terkait langsung dengan manajemen waktu yang diperlukan sebuah blog / situs saat di akses melalui browser.
Jadi, prinsipnya yaitu semakin cepat sebuah blog / situs diakses tentu semakin baik pula reputasinya baik dimata pengunjung maupun mesin pencari.
Coba gini deh, jika kita memposisikan diri sebagai visitor atau pengunjung tentu kita akan lebih menyukai blog / situs yang ramah dan user friendly bukan?
Contoh sederhananya seperti itu. Mungkin saja konten yang diulas dalam blog / situs berkualitas tetapi jika akses situs berat serta dipenuhi widget navigasi yang membingungkan pengunjung.
Maka biasanya juga kita sebagai visitor pasti akan keluar meninggalkan blog / situs tersebut karena tidak sabar lagi menunggu loading yang sangat lama. Lalu kita memutuskan untuk mencari situs lain yang lebih cepat dan ramah terhadap pengguna terutama para pengguna ponsel.
Seperti yang kita ketahui bahwa patokan atau indikator yang menentukan sebuah situs user friendly salah satunya dinilai dari pemuatan halaman yang cepat saat diakses dari berbagai jenis browser baik dekstop dan mobile.
Sebenarnya ada berbagai cara optimasi terhadap blog dalam upaya mempercepat loading blog / situs, salah satunya adalah cara mempercepat loading blog dengan memasang DNS Prefetch. Dan cara ini juga bisa mengatasi Reduce DNS Lookups pada YSlow GTmetrix.
Apa Itu DNS Prefetch ?
DNS Prefetch (Domain Name System Prefetching) adalah salah satu cara mempercepat pemuatan domain tertentu dan tentunya akan berimbas pada kecepatan blog kita.
Lalu bagaimana cara kerja DNS Prefetch?
Mari simak penjelasannya dibawah.
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-Scroll halaman blog, maka secara otomatis browser akan menampilkan halaman blog lebih cepat karena link eksternal dengan tag DNS Prefetch dianggap telah selesai dimuat.
Misalnya kamu memasang google font, maka tag yang digunakan adalah
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>Cara Memasang DNS Prefetch untuk Mempercepat Loading Blog
Pertama, buka menu Tema >> Edit HTML Kemudian cari kode <b:skin> atau <head>, tapi kalau saya cari kode <b:skin>. Copy kode dibawah ini dan Paste diatas kode <b:skin> atau sebelum kode <b:skin>.<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='//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='//cdn.staticaly.com' rel='dns-prefetch'/>
<link href='//cdn.statically.io' rel='dns-prefetch'/>
<link href='//fontawesome.com' rel='dns-prefetch'/>
<link href='//www.sharethis.com' rel='dns-prefetch'/>
<link href='//cdn.jsdelivr.net' rel='dns-prefetch'/>
<link href='//rawcdn.githack.com' rel='dns-prefetch'/>
<link href='//images.dmca.com' rel='dns-prefetch'/>Jika terdapat link eksternal sumber lainnya di blog anda, silahkan lakukan DNS Prefetch dengan format seperti berikut dan tambahkan pada daftar dns prefetch diatas.
<link href='//url-external' rel='dns-prefetch'/>
Posting Komentar untuk "Cara Mempercepat Loading Blog Dengan DNS Prefetch"