Cara Meringankan Jquery di Blogger - Apakah kamua adalah salah satu pengguna Blogger yang sedang pusing karena Loading Blog kamu berat? Mungkin salah satu penyebabnya adalah JQuery yang ada pada Template blogger yang kamu gunakan.
Untuk masalah tersebut, saya sudah punya solusinya.
Namun, cara penggunaan JQuery seperti itu membuat Loading Blog terasa berat. Lalu, bagaimana caranya Cuk?
1. Bukalah link Jquery yang kamu gunakan, berapapun versinya. Buka menggunakan Browser. Disini saya menggunakan Chrome. Contoh link Jquery yang saya gunakan adalah,
2. Setelah saya buka di Browser, maka akan muncul script aslinya seperti gambar dibawah ini.
4. Copy semua kode tersebut.
5. Masuk ke Blogger > Tema > Edit HTML.
6. Cari tag </head> atau </head><!--<head/>--> dan Paste Jquery diatas kode tersebut.
Jangan lupa untuk menaruh Script JQuery diantara kode <script type="text/javascript"> ..... </script>.
Contoh:
7. SIMPAN
Sekarang, silahkan cek Pagespeed blog kamu di Google Pagespeed. Saya yakin hasilnya akan lebih cepat.
Kesimpulannya, Semua Script eksternal akan membuat loading Blog terasa berat. Oleh karena itu disarankan untuk menggunakan Script internal atau langsung memasang Script di Template Blogger.
Kekurangan dari cara ini mungkin hanya tampilan pada Edit HTML Blogger menjadi lebih panjang karena ada penambahan Jquery. Namun, itu tidak menjadi masalah besar karena Loading Blog sudah menjadi lebih cepat.
Jika bermanfaat silahkan klik Tombol Share dibawah ini ya. Dan jangan lupa Subscibe Galihdesign untuk mendapatkan pemberitahuan jika ada Artikel baru.
Terima kasih.
Untuk masalah tersebut, saya sudah punya solusinya.
Cara Meringankan Jquery di Blogger
Sebelum ini, saya memasang JQuery dengan langsung memberikan tag Script seperti berikut,
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>Namun, cara penggunaan JQuery seperti itu membuat Loading Blog terasa berat. Lalu, bagaimana caranya Cuk?
1. Bukalah link Jquery yang kamu gunakan, berapapun versinya. Buka menggunakan Browser. Disini saya menggunakan Chrome. Contoh link Jquery yang saya gunakan adalah,
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js2. Setelah saya buka di Browser, maka akan muncul script aslinya seperti gambar dibawah ini.
4. Copy semua kode tersebut.
5. Masuk ke Blogger > Tema > Edit HTML.
6. Cari tag </head> atau </head><!--<head/>--> dan Paste Jquery diatas kode tersebut.
Jangan lupa untuk menaruh Script JQuery diantara kode <script type="text/javascript"> ..... </script>.
Contoh:
<!-- KODE SCRIPT, Letak kan di atas /head-->
<script type='text/javascript'>
.....
KODE JQUERY DISINI....
.....
</script>
<!-- Tag /Head -->
</head>7. SIMPAN
Sekarang, silahkan cek Pagespeed blog kamu di Google Pagespeed. Saya yakin hasilnya akan lebih cepat.
Kesimpulannya, Semua Script eksternal akan membuat loading Blog terasa berat. Oleh karena itu disarankan untuk menggunakan Script internal atau langsung memasang Script di Template Blogger.
Kekurangan dari cara ini mungkin hanya tampilan pada Edit HTML Blogger menjadi lebih panjang karena ada penambahan Jquery. Namun, itu tidak menjadi masalah besar karena Loading Blog sudah menjadi lebih cepat.
Jika bermanfaat silahkan klik Tombol Share dibawah ini ya. Dan jangan lupa Subscibe Galihdesign untuk mendapatkan pemberitahuan jika ada Artikel baru.
Terima kasih.