Menggabungkan Semua Javascript Dapat Mempercepat Loading Blog Dengan Defer


Termasuk salah satu untuk mempercepat loading blog yaitu dengan menggabungkan semua javascript jadi satu, ibarat itulah saran mas +Adhy Suryadi melalui akun facebooknya. Karena penasaran, kemudian saya eksklusif mencobanya dan berhasil.

Makara semua javascript termasuk jquery, kita satukan kemudian hosting kemudian untuk di html kita simpan dengan di defer. Sehingga dengan demikian browser hanya meload satu javascript saja tak perlu banyak-banyak.

Nah supaya lebih detail, saya eksklusif praktek disini. Simak ya sambil ngopi juga boleh.

1. Untuk melaksanakan hal ini sebaiknya jangan eksklusif di blog utama, tapi gunakan blog percobaan.

2. Kemudian silahkan copy paste javascript dan satukan di notepad. Jika ada yang berupa link ibarat jquery ini:

<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></scr" + "ipt>");}
//]]>
</script>

atau ibarat ini;

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

Silahkan saluran url tersebut kemudian copas isinya. Jika digabung dengan jquery, sebaiknya letakkan paling atas. Dan beri nama dengan estensi.js pola jsanda.js, kemudian upload web hosting yang anda suka. disini saya hosting di github. kemudian copy dan simpan URL hosting javascript tersebut. Jika belum tahu bagaimana cara menyimpan javascript di github, silahkan simak postingan mas adhy berikut ini:

Cara gampang hosting file js, css dan html di github

3. terakhir simpan instruksi untuk men-defer ini diatas </body>

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="URL-HOSTING-JS", document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; document.querySelectorAll(".separator")[0].style.display= "none";
//]]>
</script>

ganti URL-HOSTING-JS yang didapat dari github tadi.

Oke itu saja tips dari saya supaya bermanfaat dan selamat mencoba ...
Sumber https://www.nengain.web.id/

Artikel Terkait

Belum ada Komentar untuk "Menggabungkan Semua Javascript Dapat Mempercepat Loading Blog Dengan Defer"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel