Mempercepat Loading Blog, Dengan Memasang DNS-Prefetch 100% Ampuh

DNS Prefetch / Domain Name System Prefetching adalah salah satu cara yang dapat digunakan untuk mempercepat pemuatan domain tertentu, dan tentunya akan berimbas pada kecepatan blog kita.


Cara kerja DNS Prefetch cukup simpel, yakni DNS Prefetch akan memberikan perintah kepada browser untuk menyelesaikan perenderan nama Domain secepat mungkin kemudian untuk beberapa saat browser akan mengikatnya dan ketika pengunjung/visitor blog meng-scrool halaman blog kalian, maka secara otomatis browser akan menampilkan halaman blog lebih cepat karena Link eksternal dengan tag DNS Prefetch dianggap telah selesai dimuat. Misalnya ketika teman-teman memasang Font Awesome, maka tag yang digunakan adalah:

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

Gimana, dari contoh kecil diatas teman-teman sudah memiliki gambaran gimana cara kerja dari DNS Prefetch ini? Jika sudah, yuk simak tutorial pemasangan DNS Prefetch dalam blog sobat.

[1]. Pertama-tama seperti biasa login ke dashboard blog kalian
[2]. Pergi ke metu Tema > Edit HTML
[3]. Selanjutnya salin dan paste kode dibawah ini tepat dibawah 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'/>

[4]. Simpan Tema
[5]. Enjoy

NOTE: Jika didalam blog teman-teman juga terdapat link eksternal dari sumber daya lain, silahkan tambahkan tag DNS Prefetch dengan format <link href='//url-eksternal' rel='dns-prefetch'/>

Well, demikian pembahasan terkait Mempercepat Loading Blog, Dengan Memasang DNS-Prefetch 100% Ampuh pada artikel kali ini, semoga bermanfaat serta bisa menjadi referensi terbaik buat sobat semuanya. Jangan lupa berlangganan, guna mendapatkan update-an terbaru secara gratis.

Posting Komentar

0 Komentar