Cara Mempercepat Loading Blog dengan Compress Javascript

Cara Meringankan Loading Blog Lebih Cepat Dengan Cara Compress Javascript
Javascript sangat berpengaruhi pada loading sebuah blog. Dengan menambahkan banyak JavaScript pada template blog, akan membuat loading blog semakin lelet.
Javascript Logo
Sobat jangan kuatir kini sudah ada cara untuk memperingan loading blog tanpa menghilangkan JavaScript nya dan tanpa mengurangi fungsi utama dari JS tersebut.
Sebelum melakukan cara ini alangkah baiknya anda mengecek kecepatan loading blog anda di https://developers.google.com/speed/pagespeed/insights/
Oke sobat, kalau sudah cek kecepatan loading blog sobat, maka langkah selanjutnya sebagai berikut:

Cara :

1. Masuk ke blogger pilih Menu Template > Edit HTML
2. Cari Javascript yang akan dicompres, sebagai contoh lihat gambar dibawah.

Javascript
Disitu saya akan mengompres

<link href=’//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css’ rel=’stylesheet’/>

 
Saya akan men-cut dulu JS yang berwarna merah dengan cara menekan Ctrl+x pada keyboard dan menyimpannya pada notepad, sedangkan sisanya yang berwarna biru saya hapus.
3. Sekarang Copy Script dibawah ini.

<script type=”text/javascript”>
(function() {
var css = document.createElement(‘link’);
css.href = ‘//LinkJavascriptAnda.js’;
css.rel = ‘stylesheet’;
css.type = ‘javascript’; document.getElementsByTagName(‘head’)[0].appendChild(javascript);
})();
</script>

Ganti Script yang berwarna biru dengan JS berwarna merah, seperti yang saya simpan tadi.

4. Kemudian Taruh Scriptnya diatas kode </body>

Kurang lebih hasilnya akan seperti ini.

Javascript Compressed
Kalau sudah selesai coba cek lagi loading blog anda di https://developers.google.com/speed/pagespeed/insights/. Apabila loading blog anda bertambah cepat dari sebelumnya, maka anda sudah berhasil. Selamat mencoba
Tags: Meringankan Loading Blog, Mempercepat Loading website, MenggunakanCompress Javascript

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *