DNS Prefetch ialah cara untuk menuntaskan DNS domain tertentu. Kadang-kadang kita memakai eksternal gambar/js/css dll... link di blog kita dan kemudian berefek pada waktu yang dibutuhkan untuk memuat halaman blog kita. Dengan memakai DNS Prefetch, kamu bisa mengurangi link eksternal yang memuat banyak waktu. Dalam tutorial ini, kita akan belajar bagaimana menambahkan DNS Prefetch di blog kita guna mempercepat loading blog kita.
Khususnya dibagian laman artikel atau page suatu postingan, Sedikit agak berbeda sih karena tutorial kali ini agak sedikit ringan dan mudah untuk dipraktekan langsung pada blog yang sobat kelola.
Berdasarkan keterangan dari W3C, "Jenis relasinya link dns-prefetch dipakai untuk mengindikasikan asal yang akan dipakai untuk memuat sumber daya yang diperlukan, dan bahwa agen pemakai mesti menuntaskan sedini mungkin."
Berdasarkan keterangan dari W3C, "Jenis relasinya link dns-prefetch dipakai untuk mengindikasikan asal yang akan dipakai untuk memuat sumber daya yang diperlukan, dan bahwa agen pemakai mesti menuntaskan sedini mungkin."
Oke, Tanpa perlu basa-basi lagi langsung ikuti cara dibawah ini dengan benar.
* Pertama, Login ke Blogger, lalu pilih Dashboard > Tema > Edit HTML
* Selanjutnya, Tempelkan baris kode dibawah ini diantara <head> dan </head> { Dibawah 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='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.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='//syndication.twitter.com' rel='dns-prefetch'/>
* Kemudian SIMPAN
"Saya sarankan untuk uji kecepatan sebelum dan sesudah memasang kode diatas agar dapat melihat perbedaannya".
Tes Page Speed : Https://developers.google.com/speed/pagespeed/insights/
Sekian pembahasan kali ini, Semoga dapat bermanfaat untuk sobat blogger. Terimakasih atas kunjungannya.
"Saya sarankan untuk uji kecepatan sebelum dan sesudah memasang kode diatas agar dapat melihat perbedaannya".
Tes Page Speed : Https://developers.google.com/speed/pagespeed/insights/
Sekian pembahasan kali ini, Semoga dapat bermanfaat untuk sobat blogger. Terimakasih atas kunjungannya.
Tag :
Blogging
0 Komentar untuk "Cara Mudah Mempercepat Loading Blog Dengan DNS Prefetch"