Tuesday, October 3, 2017

Mempercepat Loading Blog Dengan DNS Prefetch

Hai sob, kali ini kita akan membahas sebuah topik yang berjudul Mempercepat Loading Blogger Dengan DNS Prefetch yang merupakan salah satu topik penting untuk dibahas.


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.

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, ini dia tutorial Mempercepat Loading Blogger Dengan DNS Prefetch.

Mempercepat Loading Blogger Dengan DNS Prefetch


Pertama, login ke Blogger, lalu pilih Tema > Edit HTML


Kedua, masukkan kode berikut dan letakkan di bawah kode <body> 

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

Ketiga, simpan.

Dengan menerapkan kode diatas, kamu dapat mempercepat waktu untuk meload halaman blogmu. Oke, sekian dulu tutorial ini dari saya, semoga dapat membantu.

sumber: jawadev.com

Load disqus comments

0 komentar