cara mengoptimalkan javascript di blog agar loading blog jadi cepat
cara mengoptimalkan javascript di blog agar loading blog jadi cepat
Kamu sedang mengoptimalkan loading template ? agar loading template kamu jadi lebih cepat dan ringan kamu harus melakukan pengoptimalan pada javascript yang ada didalam template blogger kamu sobat, Memang sih ada beberapa hal yang harus diperhatikan dalam mengoptimalkan loading blog, Seperti pemakaian widget yang berlehihan , Penggunaan javascript yang terlalu banyak, CSS minify, dan lainya.Fokus kita kali ini adalah bagaimana caranya membuat javascript di dalam template lebih ringan saat blog di load , Kalau sobat ingin mencoba dan menerapkan silahkan teruskan membaca artikel siang ini ya sob.
Langkah mengoptimalkan javascript di template blogger :
#1. Letakan lah semua javascript kamu sebelum tag </body> pada template blogger kamu.
#2. Pahami / kenali dulu javascript yang kamu pasang itu gunanya untuk apa ? Jika memang js itu tidak digunakan silahkan lepas atau hapus dari template blogger kamu.
#3. Gunakan js asynchronous biasanya ini ada pada script iklan adsense kamu pilih yang model asynchronous ya sobat, Atau di sosial media share gunakan juga asynchronous.
#4. Terapkan kode Async / Defer pada javascript yang ada di template blog kamu, Pasti banyak yang menganggap menambah kode 'async' pada kode js tidak ada gunanya padahal itu sangat berpengaruh pada loading blog kamu , contoh nya sbb :
Biasanya javascript yang belum menggunakan kode async akan berbentuk seperti ini :
contoh penggunaan kode async pada javascript :
<script src='perampokgoogle.js' type='text/javascript'/>Nah kalau sudah di optimalkan menggunakan kode async bentuk nya akan jadi seperti ini :
<script async src='perampokgoogle.js' type='text/javascript'/>
atau kalau tidak jalan silahkan ubah jadi seperti ini :
<script async='async' src='perampokgoogle.js' type='text/javascript'/>
contoh penggunaan kode defer pada javascript :
sebelum<script src='perampokgoogle.js' type='text/javascript'/>
setelah
<script defer src='perampokgoogle.js' type='text/javascript'/>
jika terjadi error dengan script diatas maka kamu bisa menggunakan ini :
<script defer='defer' src='perampokgoogle.js' type='text/javascript'/>
Jadi ini penjelasan penggunaan defer dan async pada javascipt
Tanpa menggunakan kode “async” atau “defer”, browser yang akan menjalankan / meload script secara langsung , sebelum menampilkan unsur-unsur yang ada di dalam script js tadi. Ha Ini tidak baik untuk situs web apapun, karena pasti akan mengakibatkan loading blog kamu jadi berat banget.Dengan menggunakan kode “async” atau "defer" (asynchronous), browser / peramban akan terus memuat halaman HTML dan membuat unsur yang itu sementara browser beban dan mengeksekusi script pada waktu yang sama.
#5. Jangan lupa compress javascript kamu sebelum kamu letakan pada template blogger.
Sebelum menerapkan atau meletakan kode javascipt ke dalam template ada baiknya sobat melakukan kompres pada js sobat.
Karena hal tersebut membantu sobat untuk mengurangi ukuran script dan waktu loading script itu. Untuk Melakukan hal itu sangat mudah karena banyak alat online dan offline tersedia untuk itu.
#6. Mengkombibnasikan / menggabungkan semua javascript menjadi satu bagian javascript saja.
Hal ini sulit daripada kedengarannya. Ini adalah teknik yang lebih maju dan sangat sulit bagi platform apapun apalagi blogger. Namun buah ini jauh lebih manis juga.
Jika Anda mau, Anda bisa melakukan ini sendiri karena ada banyak alat online gratis yang membantu dalam menggabungkan semua script di halaman web.
Jika Anda mencoba ini maka saya sarankan Anda backup dulu script dan template default nya.
Namun akan bijaksana untuk mendapatkan bantuan dari ahli.
#7. Lakukan pengecekan terhadap loading blog kamu menggunakan https://developers.google.com/speed/pagespeed/insights/ atau tools online lainya karena dengan ini sobat akan memahami apa saja perubahan yang harus sobat lakukan pada javascript yang ada di template.
Kamu bisa baca artikel serupa yaitu :
Cara terbaru bagaimana mempercepat loading blogger terampuh !
cara mempercepat loading page blogger terbaru
Kesimpulan.
Diera sekarang visitor lebih menyukai loading blog yang cepat, Karena biasanya pengunjung akan meninggalkan blgo sobat yang lemot, Dan akan berpaling ke blog yang loading nya lebih cepat, Apalagi kalau sudah mobile friendly.
Dari berbagai riset yang pernah saya baca template yang mobile friendly itu lebih disukai oleh mesin pencari google, Apalagi visitor.
Maka dari itu mulailah lakukan optimasi pada template blogger kamu.
Jangan malu untuk bertanya jika kamu punya keluhan tentang ini semua.
