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

Baca Juga

  • 3 Cara Mudah Menghapus Virus di Android
  • Cara Bermain Mobile Legend di Android RAM 1 GB
  • Cara Mudah Memasang Histats Counter di Blogger
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.

Komentar

Posting Komentar

Postingan populer dari blog ini

Contoh tindakan dan kata-kata perhatian untuk pacar biar makin sayang

Gambar
Contoh tindakan dan kata-kata perhatian untuk pacar biar makin sayang  - Beri perhatian kepacar sudah tentu hal yang lazim dan memang harus dilakukan agar si doi makin sayang dan cinta, karena dengan memberikan rasa perhatian akan membuat hubungan semakin erat dan langgeng. Bila pacaran sikap ego harus di buang jauh-jauh rentan hubungan putus banyak disebabkan oleh sikap egois yang terlalu tinggi, sehingga hubungan kandas di tengah jalan. Bila menunjukkan rasa perhatian tidak perlu berlebihan, cukup dengan kata-kata saja pacar anda pasti makin sayang dan bila dilakukan dengan tindakan lebih bagus lagi, tunjukkan sikap yang care dalam masalah apapun paling tidak anda itu mengerti si dia. Berpacaran itu diibaratkan sepasang insan mengayuh sebuah kapal, bila hanya seorang yang mengayuh sudah pasti kapal tidak akan sampai tujuan, jadi harus secara bersamaan agar tujuan dari pacaran anda dapat berjalan sesuai dengan rencana. Berikut bila anda kehabis akal dalam memberi rasa perhatia
Baca selengkapnya

Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif

Gambar
Kali ini, saya ingin share lagi sebuah artikel mengenai Cara Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif. Jenis iklan melayang yang berada di bawah blog biasanya lebih sering dilihat oleh pengujung blog kamu karena ya, Iklannya melayang bersamaan dengan pengunjung menscroll halaman blog kita. Sebenarnya membuat Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif lumayan cukup simple. Hanya dibutuhkan sedikit kesabaran dan kamu pasti bisa membuat jenis iklan seperti itu.  Dasar script iklan melayang di bawah blog dengan tombol close ini lumayan simple nan sederhana, menggunakan tidak banyak Javascript dan tidak membutuhkan jQuery Library . Sehingga tidak bakal mengganggu loading blog kamu. Hanya saja, iklan dengan ukuran width 728px atau 970px tampilannya menjadi terpotong saat tayang diperangkat mobile/ponsel. Maka, pada tutorial ini ditambahkan sejumlah sentuhan CSS supaya iklan banner itu akan tampil responsive untuk seluruh device.
Baca selengkapnya