Mengatasi Render Blocking Javascript Library JQuery

Mengatasi Render Blocking Javascript Library JQuery

Menambahkan Atribut Async pada jQuery

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>

Kekurangan: jQuery tidak akan bekerja dihalaman homepage/beranda, melainkan script jquery akan bekerja pada halaman selanjutnya

Simpan jQuery di atas kode </body>

Simpan juga semua script jQuery tepat di bawah kode
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Jika script jQuery ada  di atas kode JQuery, maka script tersebut tidak akan berjalan

Menyimpan Kode Langsung di Template 

1. Buka https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
2. Copas semua kode

<script type='text/javascript'>
//<![CDATA[

<!-- Kode di Sini -->
 //]]>
</script>