√ Cara Mempercepat Loading Blog dengan Memasang DNS Prefetch - AdityaTekno

Social Items

Cara Mengatasi Reduce DNS Lookups YSlow GTmetrix
AdityaTekno.comCara Mempercepat Loading Blogger dengan Memasang DNS Prefetch. Mempunyai blog yang fast loading atau cepat adalah idaman bagi setiap blogger maupun para pengunjung blog tersebut.

Ada berbagai cara optimasi terhadap blog dalam upaya mempercepat loading blog/website, salah satunya adalah cara mempercepat loading blog dengan memasang DNS Prefetch. Sebenarnya cara ini juga bisa mengatasi Reduce DNS Lookups pada YSlow GTmetrix.
Cara Mengatasi Reduce DNS Lookups YSlow GTmetrix

Baca Juga: Cara Mempercepat Blog dengan Expires Headers

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?

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 anda memasang google font, maka tag yang digunakan adalah

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

Setelah saya memberikan contohnya diatas, mungkin anda sudah mempunyai gambaran sedikit bagaimana cara kerja DNS Prefetch ini. Sekarang lanjut cara pemasangan 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'/>

Tips:
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'/>

Terakhir, Simpan Tema.

Lihat hasilnya, nanti akan ada perubahan pada kecepatan loading blog jadi semakin cepat. Cara ini sudah saya terapkan sendiri pada blog AdityaTekno. Jadi, jangan ragu lagi untuk mencobanya.

Baca Juga: Cara Mempercepat Loading Blog Blogger

Demikian Cara Mempercepat Loading Blog dengan Memasang DNS Prefetch. Semoga berhasil dan sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com

Cara Mempercepat Loading Blog dengan Memasang DNS Prefetch

Cara Mengatasi Reduce DNS Lookups YSlow GTmetrix
AdityaTekno.comCara Mempercepat Loading Blogger dengan Memasang DNS Prefetch. Mempunyai blog yang fast loading atau cepat adalah idaman bagi setiap blogger maupun para pengunjung blog tersebut.

Ada berbagai cara optimasi terhadap blog dalam upaya mempercepat loading blog/website, salah satunya adalah cara mempercepat loading blog dengan memasang DNS Prefetch. Sebenarnya cara ini juga bisa mengatasi Reduce DNS Lookups pada YSlow GTmetrix.
Cara Mengatasi Reduce DNS Lookups YSlow GTmetrix

Baca Juga: Cara Mempercepat Blog dengan Expires Headers

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?

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 anda memasang google font, maka tag yang digunakan adalah

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

Setelah saya memberikan contohnya diatas, mungkin anda sudah mempunyai gambaran sedikit bagaimana cara kerja DNS Prefetch ini. Sekarang lanjut cara pemasangan 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'/>

Tips:
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'/>

Terakhir, Simpan Tema.

Lihat hasilnya, nanti akan ada perubahan pada kecepatan loading blog jadi semakin cepat. Cara ini sudah saya terapkan sendiri pada blog AdityaTekno. Jadi, jangan ragu lagi untuk mencobanya.

Baca Juga: Cara Mempercepat Loading Blog Blogger

Demikian Cara Mempercepat Loading Blog dengan Memasang DNS Prefetch. Semoga berhasil dan sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo