Cara mudah untuk mengatasi Reduce DNS Looksup Di GTmetrix

Untuk kali ini saya menulis cara meningkatkan skor GTmetrix, khususnya pada YSlow bagian Reduce DNS Lookups. Untuk melihatnya anda bisa mengecek terlebih dahulu Di GTmetrix dan Lihat bagian YSlow tepatnya reduce dns


Reduce DNS ini cukup menyusahkan, Karena membuat blog menjadi sedikit lama untuk melakukan load.

Sebab browser akan melakukan perjalanan lebih dari satu kali untuk mendownload script.. Penjelasannya lebih bisa anda lihat dibawah.

Apa itu Reduce DNS Lookups? 

Reduce DNS Lookups, bisa juga dikatakan sebagai mengurangi pencarian DNS merupakan sebuah masalah loading blog pada GTmetrix bagian YSlow.

Singkatnya, pada permasalahan ini GTmetrix yang memerintahkan kita untuk mengurangi script-script eksternal yang dihosting pada tempat-tempat yang berbeda.

Contohnya seperti ini. Anda mengakses sebuah blog, dan di blog tersebut terdapat banyak script yang dihosting diluar atau eksternal.

Untuk lebih jelasnya silakan lihat gambar dibawah:

Sudah lihat? Pada ilustrasi di atas blog saya mempunyai 3 Macam script JS yang ingin di masukkan ke blog.

Dikarenakan ukurannya cukup besar, Jadi 3 Script itu saya hosting diluar. Masing masingnya saya host di :

• Your JavaScript
• Github 
• Google Drive 
• Wordpress Self Host 

Tanpa disadari, Menaruh script dihost yang berbeda seperti ini dapat menyebabkan loading blog lambat,

Sebab browser akan meminta ke tempat-tempat yang berbeda dan memakan waktu lama  untuk menerima respons dari DNS masing-masing script.

Masih belum paham? Sekarang browser kita ibaratkan menjadi diri anda sendiri. Anda ingin menjemput teman teman anda Yang berada di Jalan1, Jalan2, Dan Jalan3.

Saat melakukan penjemputan anda terlebih dahulu menjemput orang yang ada di Jalan1 baru Jalan2 dan Jalan3.

Kalau gitukan akan memakan banyak waktu dan bisa dibilang melelahkan,

Berbeda Jika mereka berkumpul di satu tempat (misal jalan1) anda bisa menjemput mereka sekaligus tanpa memerlukan waktu tambahan.

Sama kayak browser yang harus bolak balik ke masing masing host tadi di tempat yang berbeda, waktu yang dikeluarkan bertambah Untuk memuat Java Script yang anda hosting tadi..

Sekarang mari kita lihat lagi gambar kedua ini:

Pada gambar yang kedua ini terlihat bahwa Script di taruh pada satu tempat, Hingga menyebabkan browser tidak perlu merequest lebih dari satu kali.. 

Tentu hal ini dapat mempercepat loading blog karena mengurangi waktu respons bagi browser untuk melakukan lookups ke berbagai tempat.

Lebih tepat bila dikatakan kalau sekarang browser melakukan load pada semua script yang ada pada satu tempat saja..

Ini tentu tidak membuang buang banyak waktu dan bisa mempercepat loading pada blog. Selain itu juga anda bisa melakukan Minify HTML, CSS, JavaScript

Cara mengatasi masalah Reduce DNS Lookups

Oke setelah saya jelaskan seperti diatas.. Mari kita mulai ke cara mengatasi Reduce DNS Looksup ini yang terjadi pada GTmetrix.

Untuk caranya Sendiri sangatlah mudah.. Karena anda tinggal menghosting ulang script script tersebut di tempat yang sama.

Tapi namanya pekerjaan tetep aja melelahkan apalagi yang dilakuin gitu gitu aja pasti akan membosankan.

Cobalah sekarang anda lihat semua script eksternal yang ada di blog anda, lalu kumpulkan, catat, dan hapus script asli. Kurang lebih bentuk catatannya menjadi seperti ini:

http://www.yourscript.com/script.js
http://www.github.com/script.js
http://www.javaScript.com/script.js
http://www.DLL.com/script.js

Biar lebih gampang nya sih Gunakan CTRL + F Dan masukan saja ".js " nanti akan ketemu..

Jika ketemu maka anda buka link tersebut maka akan muncul Script

Semuanya dihost pada tempat berbeda, script satu pada abc.com, script dua pada def.com, dan seterusnya. Saya sangat menyarankan untuk membuatnya hanya dihost pada satu tempat saja, yaitu Github.

Sehingga kurang lebih bentuknya menjadi seperti ini

http://github.com/script.js 

Caranya cukup mudah.

anda hanya perlu membuka satu per satu link script yang dihosting pada tempat berbeda tadi, copas isinya, lalu masukkan semuanya pada 1 file notepad.

// Script 1 (host dari abc.com) ....
// Script 2 (host dari def.com) .... 

Dan seterusnya Setelah itu, simpan dalam bentuk format .js. Beri nama yang sesuai misal script-blog.js.

Setelah itu, silakan anda host file tadi di Github, tutorial ada di Internet. Setelah itu, masukkan lagi script yang sudah di host tadi pada HTML template anda.

Selain dengan cara diatas, anda juga dapat mengatasinya dengan cara memasang Lazyload. Untuk cara pemasangannya anda bisa melihat di blog blog.kodejarwo.com

Selain dengan mengatasi reduce dns ini anda juga bisa membuat Blog menjadi lebih kencang jika menggunakan Add expires Header

Saran

Backup selalu template sebelum melakukan perubahan pada template, khususnya Edit HTML. 

Dan tidak semua script dapat dihosting ulang ditempat lain sebab bisa megakibatkan kerusakan.

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

Subscribe to receive free email updates: