DNS Prefetch: Cara Ampuh Mempercepat Loading Blog Hingga 25%

ara mempercepat loading blog dengan memasang DNS PrefetchLoading blog yang cepat dan singkat tentu menjadi idaman bagi setiap blogger maupun kenyamanan bagi pengunjung pada blog tersebut.
Berbagai optimasi dalam dilakukan terhadap blog dalam upaya mempercepat loading blog/website ini, salah satunya ialah cara mempercepat loading blog dengan memasang DNS Prefetch.

Teknik DNS / Domain Name System Prefetching ini bisa dibilang ampuh dalam mempercepat loading blog, dan sangat direkomendasikan untuk diterapkan pada blog atau situs milik kamu sembari di gabungkan dengan berbagai cara mempercepat loading blog lainnya.

Cara Kerja dari DNS Prefetching ini adalah dengan memberikan perintah kepada browser untuk dapat lebih cepat menyelesaikan perenderan nama domain, kemudian untuk beberapa saat browser akan mengikatnya.

Maka secara otomatis browser akan menampilkan halaman blog lebih cepat karena link external dengan tag DNS Prefetch telah dianggap selesai dimuat.

Kode dibawah adalah contoh Penerapan DNS Prefetch jika blog kamu memasang font awesome.

<link href='//use.fontawesome.com' rel='dns-prefetch'/>

Cara Memasang DNS Prefetch Untuk Mempercepat Loading di Blog

1. Buka dashboard blogger kamu.

2. Pergi ke Tema > Edit HTML.

3. Letakkan kode berikut ini dibawah kode <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'/>

Jika terdapat link external sumber lainnya di blog kamu, silahkan lakukan DNS Prefetch dengan format seperti berikut dan tambahkan pada daftar dns prefetch diatas.

<link href='//url-external' rel='dns-prefetch'/>

4. Simpan tema, dan Selesai.

Begitulah bagaimana Cara mempercepat loading blog dengan memasang DNS Prefetch. Sangat mudah bukan. dan jangan lupa untuk menambahkan link sumber lain pada daftar dns prefetch tadi ya supaya dapat berjalan secara maksimal. Semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *