June 19, 2015

Mengatasi Remove Render-Blocking JavaScript Blogger

Romel Tea June 19, 2015

Mengatasi Remove Render-Blocking JavaScript Blogger
SAAT mengecek kecepatan loading blog di PageSpeed Insights Google, jika template blog kita menggunakan jQuery, selalu muncul "usulan perbaikan" (Should Fix) dari Google:

Remove render-blocking JavaScript:
https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js


Bagaimana memperbaikinya? Hasil Googling menunjukkan, hampir tidak ada solusi buat mengatasi hal itu. Solusi terbaik adalah menghapusnya, namun dengan risiko sejumlah elemen template tidak akan berfungsi.

Google sendiri dalam panduannya di Remove Render-Blocking JavaScript mengusulkan solusi, kode JavaScript itu dipasang langsung di template, menjadi begini:


<script type='text/javascript'>
/* contents of JavaScript file */
</script>
 

Simpan di atas kode </head>

Masalahnya, itu kode jQuery banyak bingit! Kodenya puanjang bana! Silakan cek dengan copas https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js di address bar, akan muncul rangkaian kode yang begitu banyak.

Tujuan mengatasi Remove Render-Blocking JavaScript agar blog kita lebih SEO Friendly karena akan lebih Fast Loading.

Saya lebih memilih membiarkan saja, toh loading selama ini sudah cukup bagus.

Cara lain Mengatasi Remove Render-Blocking JavaScript bisa disimak di AddThis dan Moz.

Semua kode JavaScript (file berekstensi .js) di dalam template blog bisa dimodifikasi biar mengurangi loading time blog. Jika kodenya sedikit, saya memilih pasang langsung dengan cara tadi itu:

<script type='text/javascript'>
/* contents of JavaScript file */
</script>


Simpan di atas kode </head>

Untuk mengambil (copas) kodenya, copas link file JS tadi di address bar.

Dari hasil tes di Google dan GT Metrix, ada perubahan signifikan terhadap loading blog.  (http://blogromeltea.blogspot.com).*

No comments:

Post a Comment

No Spam, Please!