Serieswans.com - Hallo sahabat blogger, pada kesempatan kali ini saya akan membagikan tutorial cara mempercepat loading blog, kecepatan loading blog merupakan hal yang paling penting bagi seorang blogger yang berusaha optimasi blog dari segi kecepatan loading blognya, supaya pengunjung yang datang ke blog anda tidak terlalu lama menunggu pemuatan halaman blog. salah satu optimasi mempercepat loading blog adalah dengan memasang DNS Prefetch di blogger.
 |
| Mempercepat Loading Blog dengan DNS Prefetch |
Apa itu DNS Prefetch ?
DNS Prefetch merupakan salah satu cara menyelesaikan masalah DNS Domain di template blog,contohnya kode js, css dan sebagainya, dan yang pasti menggunakan link eksternal yang akan mengakibatkan proses pemuatan halaman blog menjadi menurun. dengan memasang DNS Prefetch ini akan menambah kecepatan laoding blog anda. untuk mengecek kecepatan loading blog silahkan kunjung Google PageSpeed Insight dan Gmetrix.
Cara Kerja DNS Prefetch ?
DNS Prefetch ini akan memberikan sebuah perintah kepada browser untuk segera menyelesaikan render nama Domain secepat mungkin, kemudian browser tersebut akan menyimpannya, pada saat pengunjung men-scroll halaman blog akan lebih cepat, karena link eksternalnya sudah di muat duluan dengan Tag DNS Prefetch. contohnya kamu memasang google font di blog, maka pasang Tag DNS Prefetch di bawah ini.
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>Cara Mempercepat Loading Blog dengan DNS Prefetch
- Pertama, login ke Blogger.com dan masuk menu Dashboard
- Pilih menu Tema => Edit HTML
- Silahkan copy kode DNS Prefetch di bawah ini dan letakan tepat di bawah kode <head>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//themes.googleusercontent.com ' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<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='//github.com' rel='dns-prefetch'/>
<link href='//cdn.rawgit.com' rel='dns-prefetch'/>
<link href='//fontawesome.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'/>
<link href='//www.sharethis.com' rel='dns-prefetch'/>
<link href='//cdn.jsdelivr.net' rel='dns-prefetch'/>- Terakhir tinggal simpan Tema
jika anda ingin menambahkan link eksternal lainnya juga bisa. dengan menambahkan Tag DNS Prefetchnya, contohnya jika anda ingin menambahkan link internal youtube.com.
<link href='//www.youtube.com' rel='dns-prefetch'/>
Mengapa tidak memakai HTTP dan HTTPS, karena dengan menggunakan // ini supaya dapat menyesuaikan antara penggunaan HTTP dan HTTPS pada link eksternal tersebut.
Nah, demikian tutorial kali ini mengenai Cara Mempercepat Loading Blog dengan DNS Prefetch. jika anda mempunyai pertanyaan, jangan lupa tanyakan di kolom komentar ya. semoga bermanfaat dan terima kasih.
2 komentar