-->

Cara Mempercepat Loading Blog dengan DNS Prefetch

Daftar Isi [Tampilkan]
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.
Cara Mempercepat Loading Blog dengan DNS Prefetch
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.
Next
Previous
Tidak ada kata "Tapi" dan "Nanti" jika anda ingin Sukses
  • Facebook
  • Twitter
  • Instagram
  • Related Posts

    Buka Komentar ( 2 )
    Tutup Komentar

    2 Komentar

    1. Thanks infonya. Ini sangat membantu saya mempercepat loading di blogger saya

      BalasHapus
      Balasan
      1. sama-sama gan, terima kasih sudah berkunjung :)

        Hapus
    • Mohon Tinggalkan jejak sesuai dengan judul artikel.
    • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
    • Dilarang mencantumkan link aktif di komentar.
    • Komentar dengan link aktif akan otomatis dihapus
    • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
    • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
    • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
    • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
      <i>#comments</i>
    • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
      <em>#comments {margin:0; padding:10px 15px}</em>

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel

    x
    Berlangganan

    Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!