√ Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger untuk Mempercepat Loading Blog - AdityaTekno

Social Items

Cara Mempercepat Loading Blog dengan Menghapus CSS, Javascript, dan Widget Bundle Blogger

Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger - Welcome back sobat AdityaTekno.com. Apa kabar? Sehat? Tips Blogging kali ini sebetulnya sudah banyak sekali yang mempublish, tapi apa salahnya saya berbagi kepada sahabat setia AdityaTekno.com. Betul Tidak? hehe.


Lalu Kenapa harus Menghapus CSS, Javascript, dan Widget Bundle Blogger?


Mempunyai blog yang fast loading itu dambaan setiap para blogger. Salah satunya cara yang akan saya bagikan ini, Menghapus CSS, Javascript, dan Widget Bundle Blogger merupakan salah satu optimasi untuk mempercepat loading blog dengan menyembunyikan CSS, Javascript, dan Widget Bundle bawaan blogger yang akan terload otomatis saat blog dibuka. 

Baca Juga: Mempercepat Loading Blog dengan Memasang Lazy Load Adsense

Seperti itu kira-kira, Jika kita memiliki blog dengan loading yang cepat, maka akan membuat pengunjung lebih betah dan akan lebih mudah lagi untuk Search engine merayapi blog sobat. Nah, untuk mengatasi masalah ini kita harus mengedit beberapa tag HTML di template blog supaya kode CSS, Javascript, dan Widget Bundle bawaan Blogger tidak lagi terload otomatis di blog.

Info: Dengan melakukan tips yang akan saya bagikan ini sebagian besar widget bawaan blogger tidak akan bekerja dengan baik, jadi backup template terlebih dahulu sebelum melakukan optimasi ini. Untuk menghindari hal yang tidak diinginkan.

Jika sudah selesai mem-backup template dan siap, anda bisa ikuti langkah-langkah dibawah ini.


Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger


Seperti biasa, langkah pertama Buka Dashboard Blogger >> Pilih Menu Tema >> Klik tombol Edit HTML kemudian cari kode pembuka head di bawah ini.
<head>

Ganti dengan kode dibawah ini.
&lt;head&gt;

Langkah selanjutnya cari kode ini untuk menyembunyikan CSS Reset.
<b:skin><![CDATA[

Ganti dengan kode di bawah ini.
&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin><style type='text/css'>

Cari kode ini.
]]></b:skin>

Ganti dengan dengan kode dibawah ini.
</style> 

Cari kode ini.
</head>

Ganti dengan kode dibwah ini.
&lt;/head&gt;&lt;!--<head/>--&gt; 

Selanjutnya, cari kode ini.
</body> 

Ganti dengan kode dibawah ini.
&lt;!--</body>--&gt;&lt;/body&gt; 

Capek ya? Masih mau lanjut? Oke, masih ada dua lagi. Sekarang pada kode pembuka dan penutup HTML, cari kode ini.

Kode pembuka HTML.
<html>

Ganti dengan kode dibawah ini.
<HTML expr:dir='data:blog.languageDirection'>

Kode penutup HTML.
</html> 

Ganti dengan kode dibawah ini.
</HTML> 

Akhirnya selesai juga. Kemudian Simpan tema

Cukup mudah bukan? Silakan cek blog anda di Google PageSpeed Insight. Jika sudah meningkat maka langkah-langkah di atas sukses diterapkan pada blog anda.

Baca Juga: Cara Mempercepat Loading Blog Blogger

Saya sendiri juga sudah melakukan optimasi seperti di atas, untuk hasilnya bisa anda cek di tombol berikut ini atau lihat hasil screnshootnya.


Cara Mempercepat Loading Blog dengan Menghapus CSS, Javascript, dan Widget Bundle Blogger


Info: Data kecepatan diperbarui setiap minggu, dan hasil optimasi disimpan dalam cache selama 30 detik. Untuk melihat analisis pengoptimalan yang diperbarui, harap tunggu selama 30 detik sebelum menjalankan kembali tes.

Dapat kita ketahui kalau data kecepatan blog akan diupdate setiap minggu, jadi tunggu minimal satu minggu kemudian cek kembali alamat blognya untuk mengetahui perubahan di kolom Speed PageSpeed Insight.


Beberapa perbaikan Setelah Menghapus CSS, Javascript, dan Widget Bundle Blogger


Adapun efek yang diberikan setelah melakukan optimasi di atas, berikut beberapa perbaikan yang saya lakukan pada blog ini


Blog pager


Silakan tambahkan atau edit CSS blog pager pada template
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}

Formulir kontak


Tombol mengirim dari widget formulir kontak biasanya tidak akan bekerja seperti sebelumnya, silakan tambahkan kode ini setelah kode HTML formulir kontak (Khusus widget formulir kontak yang ditambahkan di halaman statis). Jika tidak memasang formulir kontak, bisa lewati cara ini. Dan lanjut ke langkah selanjutnya.
<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'] = '8500593521816026329';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8500593521816026329','//broggerku.blogspot.com/','8500593521816026329');_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': '8500593521816026329', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>

Ganti semua kode yang ditandai dengan URL dan ID blog anda.


Demikian pembahasan tentang Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger untuk Mempercepat Loading Blog. Semoga bisa bermanfaat bagi anda dan Good luck! Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com.


sumber:
https://www.arlinadzgn.com/2018/05/cara.menghapus.css.javascript.dan.widget.bundle.blogger.html

Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger untuk Mempercepat Loading Blog

Cara Mempercepat Loading Blog dengan Menghapus CSS, Javascript, dan Widget Bundle Blogger

Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger - Welcome back sobat AdityaTekno.com. Apa kabar? Sehat? Tips Blogging kali ini sebetulnya sudah banyak sekali yang mempublish, tapi apa salahnya saya berbagi kepada sahabat setia AdityaTekno.com. Betul Tidak? hehe.


Lalu Kenapa harus Menghapus CSS, Javascript, dan Widget Bundle Blogger?


Mempunyai blog yang fast loading itu dambaan setiap para blogger. Salah satunya cara yang akan saya bagikan ini, Menghapus CSS, Javascript, dan Widget Bundle Blogger merupakan salah satu optimasi untuk mempercepat loading blog dengan menyembunyikan CSS, Javascript, dan Widget Bundle bawaan blogger yang akan terload otomatis saat blog dibuka. 

Baca Juga: Mempercepat Loading Blog dengan Memasang Lazy Load Adsense

Seperti itu kira-kira, Jika kita memiliki blog dengan loading yang cepat, maka akan membuat pengunjung lebih betah dan akan lebih mudah lagi untuk Search engine merayapi blog sobat. Nah, untuk mengatasi masalah ini kita harus mengedit beberapa tag HTML di template blog supaya kode CSS, Javascript, dan Widget Bundle bawaan Blogger tidak lagi terload otomatis di blog.

Info: Dengan melakukan tips yang akan saya bagikan ini sebagian besar widget bawaan blogger tidak akan bekerja dengan baik, jadi backup template terlebih dahulu sebelum melakukan optimasi ini. Untuk menghindari hal yang tidak diinginkan.

Jika sudah selesai mem-backup template dan siap, anda bisa ikuti langkah-langkah dibawah ini.


Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger


Seperti biasa, langkah pertama Buka Dashboard Blogger >> Pilih Menu Tema >> Klik tombol Edit HTML kemudian cari kode pembuka head di bawah ini.
<head>

Ganti dengan kode dibawah ini.
&lt;head&gt;

Langkah selanjutnya cari kode ini untuk menyembunyikan CSS Reset.
<b:skin><![CDATA[

Ganti dengan kode di bawah ini.
&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin><style type='text/css'>

Cari kode ini.
]]></b:skin>

Ganti dengan dengan kode dibawah ini.
</style> 

Cari kode ini.
</head>

Ganti dengan kode dibwah ini.
&lt;/head&gt;&lt;!--<head/>--&gt; 

Selanjutnya, cari kode ini.
</body> 

Ganti dengan kode dibawah ini.
&lt;!--</body>--&gt;&lt;/body&gt; 

Capek ya? Masih mau lanjut? Oke, masih ada dua lagi. Sekarang pada kode pembuka dan penutup HTML, cari kode ini.

Kode pembuka HTML.
<html>

Ganti dengan kode dibawah ini.
<HTML expr:dir='data:blog.languageDirection'>

Kode penutup HTML.
</html> 

Ganti dengan kode dibawah ini.
</HTML> 

Akhirnya selesai juga. Kemudian Simpan tema

Cukup mudah bukan? Silakan cek blog anda di Google PageSpeed Insight. Jika sudah meningkat maka langkah-langkah di atas sukses diterapkan pada blog anda.

Baca Juga: Cara Mempercepat Loading Blog Blogger

Saya sendiri juga sudah melakukan optimasi seperti di atas, untuk hasilnya bisa anda cek di tombol berikut ini atau lihat hasil screnshootnya.


Cara Mempercepat Loading Blog dengan Menghapus CSS, Javascript, dan Widget Bundle Blogger


Info: Data kecepatan diperbarui setiap minggu, dan hasil optimasi disimpan dalam cache selama 30 detik. Untuk melihat analisis pengoptimalan yang diperbarui, harap tunggu selama 30 detik sebelum menjalankan kembali tes.

Dapat kita ketahui kalau data kecepatan blog akan diupdate setiap minggu, jadi tunggu minimal satu minggu kemudian cek kembali alamat blognya untuk mengetahui perubahan di kolom Speed PageSpeed Insight.


Beberapa perbaikan Setelah Menghapus CSS, Javascript, dan Widget Bundle Blogger


Adapun efek yang diberikan setelah melakukan optimasi di atas, berikut beberapa perbaikan yang saya lakukan pada blog ini


Blog pager


Silakan tambahkan atau edit CSS blog pager pada template
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}

Formulir kontak


Tombol mengirim dari widget formulir kontak biasanya tidak akan bekerja seperti sebelumnya, silakan tambahkan kode ini setelah kode HTML formulir kontak (Khusus widget formulir kontak yang ditambahkan di halaman statis). Jika tidak memasang formulir kontak, bisa lewati cara ini. Dan lanjut ke langkah selanjutnya.
<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'] = '8500593521816026329';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8500593521816026329','//broggerku.blogspot.com/','8500593521816026329');_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': '8500593521816026329', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>

Ganti semua kode yang ditandai dengan URL dan ID blog anda.


Demikian pembahasan tentang Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger untuk Mempercepat Loading Blog. Semoga bisa bermanfaat bagi anda dan Good luck! Sampai jumpa dipostingan selanjutnya. Salam AdityaTekno.com.


sumber:
https://www.arlinadzgn.com/2018/05/cara.menghapus.css.javascript.dan.widget.bundle.blogger.html
Load Comments

Dapatkan Artikel Tips AdSense, Blogging, SEO setiap harinya.

Notifications

Disqus Logo