Tuesday, February 2, 2016

Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog

/ by  / with No comments /

Mengatasi Remove Render-Blocking JavaScript dan Optimize CSS Delivery
Cara Remove Render-Blocking JavaScript dan Optimize CSS Delivery untuk Mempercepat Loading Blog.

SAAT kita ngecek kecepatan loading blog di Google Page Speed Insights, suka muncul saran-peringatan "Harus Diperbaiki" (Should Fix) "Remove Render-Blocking JavaScript". Itu jika template blog kita ada JavaScriptnya.

Google juga ngasih tau Cara MengatasiRender-Blocking JavaScript itu sebagai berikut:

Ubah kode JavaScriptnya dari yang semula:


MENJADI begini:


Contohnya, dari semula begini:
src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js>

Diubah menjadi:

Cara mengetahui isi kodenya: copas linkhttp://...........min.jsdi address bar, akan muncul deretan kode js nan panjang bingits.

Optimize CSS Delivery

Se,ain itu, saran Google lainnya di Page Speed adalahOptimize CSS Delivery, yaitu mengubah kode CSS agar blog lebih fast loading. Caranya, masih dari Google, adalah sebagai berikut:

Conrohnya, kode CSS yang tadinya seperti ini:
http://.....small.css">

Isi small css-nya dibuka dulu (copas linkhttp://.....small.css di address bar)dan akan muncul, misalnya, kode seperti ini:

.blue {color: blue;}
Diubah Menjadi begini:


Tutorial Mengatasi Remove Render-Blocking JavaScript dan Optimize CSS Delivery ini CB posting sekadar menyimpan salah satu dokumentasi tips mempercepat loading blog, biar gak buka Panduan Google terus jika butuh.

Banyak template yang dimodif, di antaranya dengan cara di atas, sehingga loading time-nya lebih baik alias lebih fast loading. (http://contohblognih.blogspot.com).*


reff : http://www.contohblog.com/2015/06/mengatasi-render-blocking-javascript-css.html


Related video : Mengatasi Remove Render-Blocking JavaScript untuk Loading Blog


0 comments:

Post a Comment