Menghapus JS, CSS & Widget Blogger untuk Mempercepat Blog
Kecepatan blog adalah satu hal penting yang mempengaruhi kualitas SEO. Tanpa terkecuali, bagi Anda pengguna platform Blogger. Mempercepat loading blog pun banyak caranya. Selain dengan Optimasi Gambar Blog, menghapus kode JS, CSS dan Widget Blogger juga layak menjadi pertimbangan.
Ketika memakai platform Blogger, secara default template blog akan tersisipi kode Javascript, CSS, dan Widget Bundle Blogger. Script tersebut tidaklah terlihat di pengaturan template karena hanya terlihat di source code. Lihat dengan cara ketik view-source:alamatblogkamu di address bar.
Kira-kira penampakannya sebagai berikut:
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script>
<script type='text/javascript' src='https://www.blogger.com/static/v1/widgets/43xxxxxxxx-widgets.js'></script>
<link href='https://www.blogger.com/static/v1/widgets/43xxxxxxxx-css_bundle_v2.css' rel='stylesheet' type='text/css'/>
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=43xxxxxxxx=43xxxxxxxx1'/>Angka 43xxxxxxxx dalam script di atas berbeda-beda di masing-masing blog
Manfaat Menghapus JS, CSS, dan Widget Bundle.
Alasan utama menyembunyikan script otomatis dari Google ini adalah untuk mempercepat blog. Script tersebut tidak banyak dibutuhkan, namun keberadaannya dapat memperlambat loading blog. Cukup menurunkan page score jika blog kita test di web testing seperti Google Page Speed Insight, GTMetrix, Pingdom, dll.
Dengan menghilangkan fungsi Javascript, CSS dan Widget Bundle bawaan Blogger, otomatis koleksi script dalam template blog berkurang. Sehingga, loading blog menjadi lebih cepat dan berdampak baik pada kualitas SEO. Nanti, coba bandingkan page speed blog, sebelum dan sesudah menghapus script tersebut.
Efek Samping Hilangnya JS, CSS, Widget Blogger
Ada manfaat, ada juga dampaknya. Efek samping paling kentara menghapus kode bawaan Blogger ini terlihat jika kita akses menu Tata Letak di Dashboard Blogger. Penampakan Tata Letak (layout) berjajar menurun, tidak lagi ada pembagian kolom di sisi kanan atau kiri. Namun, tampilan blog aslinya tidak berubah.
Efek lain adalah widget contact bawaan Blogger tidak lagi berfungsi semestinya, tombol kirimnya tidak berfungsi normal. Meski demikian, untuk masalah ini masih bisa kita siasati. Di akhir artikel sudah disertakan tutorial cara memperbaikinya. Bagaimana? yakin ingin menghapus kode script bawaan Blogger?.
Tutorial Menghapus JS, CSS, dan Widget Blogger
Akses menu Tema Blogger dan cari kode <head>. Jika sudah ketemu, ganti dengan kode berikut:
<head>Cari juga kode penutup head seperti ini </head>. Gantilah kode tersebut dengan kode berikut:
</head><!--<head/>-->Temukan kode <b:skin><CDATA[ dan ganti kode itu dengan kode dengan kode di bawah ini:
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Jika sudah, lanjutkan pencarian dan cari kode ]]></b:skin>. Ganti kode itu dengan kode berikut:
</style>Temukan juga kode penutup body seperti ini </body> dan ganti dengan kode seperti di bawah ini:
<!--</body>--></body>Terakhir, simpan Template dan test page speed blog. Bisa di Google Page Speed Insight, GTMetrix, dll.
Peringatan: Untuk menghindari hal-hal yang buruk, pastikan sebelum melakukan tutorial di atas, backup dulu templatenya. Bisa dengan mengcopy paste seluruh kode template ke Notepad. Atau, bisa juga menggunakan fitur cadangkan template yang tersedia di Blogger. Praktekkan cara ini dengan hati-hati.
Cara Memperbaiki Tombol Widget Kontak Blogger
Cara memperbaiki Widget Kontak Blogger ini hanya untuk script formulir kontak yang terpasang di halaman statis. Setelah menghapus Javascript, CSS, dan Widget Bundle Blogger, tombol kirim di formulir kontak biasanya tidak bekerja. Maka dari itu, tambahkan script berikut ini di akhir kode formulir kontak.
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '439xxxxxxxxxxxxxxxx';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d439xxxxxxxxxxxxxxxx','//www.alamatblogANda.com/','439xxxxxxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '439xxxxxxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>Ganti yang telah ditandai dengan ID Blog dan Alamat Blog Anda
Demikian sekilas artikel terkait manfaat, efek samping, dan cara menghapus kode JS, CSS & Widget Bundle bawaan Blogger. Pastikan menerapkan cara di atas pelan-pelan dan hati-hati. Untuk tutorial Blogger lain, mungkin Anda juga perlu membaca Cara Hapus ?m=0 dan ?m=1 di URL Blogger.
