Cara Percepat Loading Blog, Dengan Memasang DNS-Prefecth

Cara Percepat Loading Blog, Dengan Memasang DNS-Prefecth

Salah satu faktor penunjang dan bertahannya para pengunjung dalam sebuah blog adalah ketika blog tersebut dapat dimuat dengan cepat. Survei membuktikan para pengujung blog akan pergi, ketika suatu laman pada blog dimuat dengan lambat dan itu fakta. Saya sendiri ketika browsing, dan ketika blog atau website tertentu yang saja kunjungi dirasa lambat, maka saya akan meninggalkan blog tersebut dan mencari referensi lain

Nah, untuk itu pada kesempatan kali ini admin bakal memberikan solusinya buat teman-teman semua yang mempunyai keresahan yang sama terhadap loading blog kalian. Untuk itu, simak artikel yang admin sajikan secara singkat dibawah ini:


www.margatomsio.com

DNS-Prefecth [Domain Name System: Prefetching] merupakan salah satu cara yang dapat kita gunakan untuk mempercepat loading sebuah blog, dengan pemuatan domain tertentu dalam suatu blog. Yang tentunya akan berimbas pada kecepatan loading blog kalian

Cara kerja dari DNS-Prefecth: yaitu akan memberikan perintah kepada web browser untuk menyelesaikan perenderan nama 'Domain' secepat mungkin, yang kemudian untuk beberapa saat web browser akan mengikatnya. Dan ketika pengunjung blog meng-scrol sebuah halaman blog, maka secara otomatis web browser akan menampilkan halaman blog lebih cepat. Karena link eksternal dengan Tag DNS-Prefecth dianggap telah selesai dimuat

Berikut cara penerapannya di dalam sebuah blog, pada template blog kalian:
  • Misalnya kamu memasang Font-Awesome di dalam blog, maka contoh tag yang digunakan adalah sebagai berikut:
<link href='//use.fontawesome.com' rel='dns-prefetch'/>

  • Begitupun dengan URL/Link eksternal lainnya. Contoh <link href='//namadomain.com' rel=dns-prefecth'/>
  • Gimana sampai disini sudah punya gambaran? ok, kita langsung aja ke tutorial pemasangannya

1. Login ke dasboard blog >Masuk ke menu Tema >Edit HTML, lalu salin dan paste kode dibawah ini tepat diatas tag pembuka <head>

<!-- dns-prefetch Blogger -->
<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'/>
<!-- dns-prefetch Google Analytics -->
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Services -->
<link href='//themes.googleusercontent.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='//apis.google.com' rel='dns-prefetch'/>
<!-- dns-prefetch Bootstrap CDN -->
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google Fonts -->
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<!-- dns-prefetch Font Awesome -->
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<!-- dns-prefetch Google CDN -->
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<!-- dns-prefetch CDN JS -->
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<!-- dns-prefetch sosial media -->
<link href='//github.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<link href='//r.twimg.com ' rel='dns-prefetch'/>
<link href=' http://p.twitter.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'/>

2. Simpan Tema dan lihat hasil loading blog kalian, sesudah memasang DNS-Prefetch ini

3. Done

NOTE: Jika pada blog kalian, juga terdapat beberapa link eksternal lain, kalian bisa menggunakan tag DNS-Prefecth ini

Well, demikian pembahasan terkait Cara Percepat Loading Blog, Dengan Memasang DNS-Prefecth pada artikel kali ini, semoga bermanfaat serta bisa menjadi referensi terbaik buat teman-teman semuanya. Jangan lupa berlangganan blog ini, guna mendapatkan notifikasi artikel terbaru secara gratis langsung via email
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.margatomsio.com. Terima kasih.

LANGGANAN ARTIKEL TERBARU VIA EMAIL:

0 Response to "Cara Percepat Loading Blog, Dengan Memasang DNS-Prefecth"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel