Cara Meningkatkan Kecepatan Loading Blog Dengan DNS Prefetch

Cara Meningkatkan Kecepatan Loading Blog Dengan DNS Prefetch

Pada tutorial kali ini saya akan membagikan cara meningkatkan kecepatan loading blog dengan DNS Prefetch. Bagi sebagian penulis blog, DNS prefetch masih bisa menjadi istilah yang sangat asing. Namun jenis fitur ini dapat digunakan di template yang sering Anda gunakan.

Untuk membuktikannya, coba cek template yang Anda gunakan, apakah sudah terpasang rel="dns-prefetch" atau belum? Jika template Anda tidak memiliki prefetch DNS ini, baca postingan ini sampai selesai.

DNS prefetch sebenarnya digunakan untuk mempercepat waktu loading halaman website. Jika loading time yang lama dibiarkan saja, tentu akan banyak kekurangannya. Efeknya bisa berupa penurunan peringkat artikel dari waktu ke waktu dan peningkatan persentase rasio pentalan.

Untuk mencegah efek negatif ini, sangat penting untuk memiliki solusi yang dapat digunakan untuk mengurangi waktu pemuatan. Singkatnya, semakin cepat waktu loading, semakin baik reputasi blog atau situs di mata pengunjung dan mesin pencari.

Apa itu DNS Prefetch ?

DNS prefetch atau Domain Name System prefetching adalah salah satu fitur yang disediakan oleh browser yang mampu mendorong proses rendering nama domain menjadi alamat IP.

Menurut sebagian besar desainer web, prefetch DNS adalah salah satu solusi yang paling banyak digunakan saat ini. Ini bukan tanpa alasan, tetapi karena penggunaannya didukung di semua jenis browser saat ini, baik di perangkat seluler maupun desktop.

Bagaimana Cara Kerja DNS Prefetch ?

Peramban pada dasarnya akan terlebih dahulu memuat tautan atau tautan berdasarkan alamat IP untuk disimpan dalam cache. Setelah proses penyimpanan selesai, browser tidak perlu lagi merender tautan atau tautan saat mengunjungi halaman.

Karena sumber tautan di-cache, pengunjung dapat menghemat waktu, atau sekitar 200 milidetik per kunjungan. DNS Prefetch bisa dikatakan mirip dengan Google AMP dalam cara kerja ini.

Cara Meningkatkan Kecepatan Pemuatan Blog Dengan DNS Prefetch :

Langkah 1 : Pertama Buka Blogger.Com.
Langkah 2 : Setelah Login Akun Anda.
Langkah 3 : Setelah Klik Menu Tema.
Langkah 4 : Kemudian Klik Edit Html.
Langkah 5 : Lalu Tempel Kode Html yang Diberikan Di Bawah <head> Tag.
<link href="//ajax.googleapis.com" rel="dns-prefetch"/>
<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="//www.sharethis.com" rel="dns-prefetch"/>
<link href="//cdn.jsdelivr.net" rel="dns-prefetch"/>
<link href="//www.histats.com" rel="dns-prefetch"/>
Langkah 6 : Kemudian Jangan Lupa Klik Simpan Tema.

Catatan Penting :

Pertama, periksa template yang Anda gunakan untuk melihat apakah salah satu kode di atas sudah terpasang. Jangan biarkan konflik antar kode.

Gunakan kode di atas atau hapus kode yang tidak perlu sesuai kebutuhan.

Kesimpulan :

Dalam postingan ini saya sudah menjelaskan Cara Meningkatkan Kecepatan Loading Blog Dengan DNS Prefetch . Semoga tutorial ini dapat bermanfaat bagi semua pemula. Terima Kasih Telah Mengunjungi Situs Web Kami.

Referensi :
www.suyachan.my.id

See Also :