Cara Menghapus Javascript Widget Bundle Untuk Mempercepat Loading Blogger
April 2, 2020
Add Comment
Iyonxx - Artikel kali ini adalah permintaan dari Teman - Teman blogger melalui formulir kontak yang menanyakan cara menghapus CSS, Javascript, dan Widget Bundel Blogger pada templat? Sebenarnya metode ini sudah banyak dibagikan, tetapi tidak ada salahnya jika kali ini Iyonxx membagikan tips ini.
Mengapa harus menghapus CSS, Javascript, dan Widget Bundle Blogger?
Menghapus CSS, Javascript, dan Widget Bundel Blogger adalah salah satu optimisasi untuk mempercepat memuat blog dengan menyembunyikan CSS, Javascript, dan widget bundel blogger default yang akan dimuat secara otomatis ketika blog dibuka. Misalnya, jika kami memeriksa blog di Google PageSpeed Insight, peringatan seperti ini yang akan muncul.
Tentu saja memiliki blog dengan pemuatan cepat akan membuat pengunjung lebih nyaman dan akan lebih mudah bagi mesin pencari untuk menjelajah blog Anda. Nah, untuk mengatasi masalah ini kita harus mengedit beberapa tag HTML di template blog sehingga widget CSS, JavaScript, dan Bundle Blogger tidak dimuat secara otomatis di blog.
Peringatan: Dengan melakukan tip yang akan saya bagikan, sebagian besar widget blogger default tidak akan berfungsi dengan baik, jadi cadangkan template sebelum melakukan optimasi ini.
Jika sudah siap, silakan ikuti langkah-langkah di bawah ini.
Cara Menghapus CSS, Javascript, dan Widget Bundle Di Blogger
Ganti dengan kode di bawah ini.
Selanjutnya cari kode ini untuk menyembunyikan CSS Reset
Ganti dengan kode di bawah ini
Selanjutnya Cari kode ini.
Ganti dengan kode di bawah ini
Selanjutnya untuk kode penutup head, cari kode ini.
Ganti dengan kode di bawah ini.
Jika Sudah, Klik Simpan.
Langkah berikutnya untuk kode penutup body, cari kode ini.
Ganti dengan kode di bawah ini.
Jika sudah Jangan Lupan Tekan Simpan, Tapi masih belum selesai, masih ada dua lagi. Sekarang pada kode pembuka dan penutup HTML, cari kode ini.
Kode pembuka HTML
Ganti dengan kode di bawah ini
Kode penutup HTML
Ganti dengan kode di bawah ini
ah, sudah selesai! Kemudian klik tombol Simpan tema (klik segarkan jika popup peringatan muncul dari halaman Blogger). Bagaimana, cukup mudah bukan? Silakan periksa blog Anda di Google PageSpeed Insight. Jika sudah meningkat, langkah-langkah di atas berhasil diterapkan ke blog Anda.
Saya sendiri sudah melakukan optimasi di atas pada blog ini, Data kecepatan diperbarui setiap minggu, dan hasil pengoptimalan disimpan dalam cache selama 30 detik. Untuk melihat analisis optimasi yang diperbarui, harap tunggu selama 30 detik sebelum memulai kembali tes.Kita bisa tahu bahwa data kecepatan blog akan diperbarui setiap minggu, jadi tunggu setidaknya satu minggu kemudian periksa alamat blog untuk mengetahui perubahan di kolom Speed PageSpeed Insight.
Inilah Beberapa perbaikan Setelah Menghapus CSS, Javascript, dan Widget Bundel di Blogger.
Adapun efek yang diberikan setelah melakukan optimasi di atas, berikut beberapa perbaikan yang saya lakukan pada blog ini.
Silakan tambahkan atau edit CSS blog pager pada template.
Formulir kontak
Tombol kirim dari widget formulir kontak biasanya tidak akan berfungsi seperti sebelumnya, tambahkan kode ini setelah kode HTML dari formulir kontak (Widget formulir kontak khusus ditambahkan ke halaman statis)
Ganti semua kode yang ditandai dengan URL dan ID blog sobat. Baca selengkapnya di sini : Cara Terbaru Menambahkan Formulir Kontak di Blog.
Demikian jawaban dari pertanyaan Teman-teman blogger tentang Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Semoga bermanfaat. terimakasih.
Mengapa harus menghapus CSS, Javascript, dan Widget Bundle Blogger?
 |
| Cara Menghapus CSS, Javascript, dan Widget Bundle Di Blogger |
Tentu saja memiliki blog dengan pemuatan cepat akan membuat pengunjung lebih nyaman dan akan lebih mudah bagi mesin pencari untuk menjelajah blog Anda. Nah, untuk mengatasi masalah ini kita harus mengedit beberapa tag HTML di template blog sehingga widget CSS, JavaScript, dan Bundle Blogger tidak dimuat secara otomatis di blog.
Peringatan: Dengan melakukan tip yang akan saya bagikan, sebagian besar widget blogger default tidak akan berfungsi dengan baik, jadi cadangkan template sebelum melakukan optimasi ini.
Jika sudah siap, silakan ikuti langkah-langkah di bawah ini.
Cara Menghapus CSS, Javascript, dan Widget Bundle Di Blogger
- Buka Blogger > >
- Klik menu Tema > >
- Klik tombol Edit HTML kemudian cari kode pembuka head di bawah ini
<head>Ganti dengan kode di bawah ini.
<head>Selanjutnya cari kode ini untuk menyembunyikan CSS Reset
<b:skin><![CDATA[Ganti dengan kode di bawah ini
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>Selanjutnya Cari kode ini.
]]></b:skin>Ganti dengan kode di bawah ini
</style>Selanjutnya untuk kode penutup head, cari kode ini.
</head>Ganti dengan kode di bawah ini.
</head><!--<head/>-->Jika Sudah, Klik Simpan.
Langkah berikutnya untuk kode penutup body, cari kode ini.
</body>Ganti dengan kode di bawah ini.
<!--</body>--></body>Jika sudah Jangan Lupan Tekan Simpan, Tapi masih belum selesai, masih ada dua lagi. Sekarang pada kode pembuka dan penutup HTML, cari kode ini.
Kode pembuka HTML
<html>Ganti dengan kode di bawah ini
<HTML expr:dir='data:blog.languageDirection'>Kode penutup HTML
</html>Ganti dengan kode di bawah ini
</HTML>ah, sudah selesai! Kemudian klik tombol Simpan tema (klik segarkan jika popup peringatan muncul dari halaman Blogger). Bagaimana, cukup mudah bukan? Silakan periksa blog Anda di Google PageSpeed Insight. Jika sudah meningkat, langkah-langkah di atas berhasil diterapkan ke blog Anda.
Saya sendiri sudah melakukan optimasi di atas pada blog ini, Data kecepatan diperbarui setiap minggu, dan hasil pengoptimalan disimpan dalam cache selama 30 detik. Untuk melihat analisis optimasi yang diperbarui, harap tunggu selama 30 detik sebelum memulai kembali tes.Kita bisa tahu bahwa data kecepatan blog akan diperbarui setiap minggu, jadi tunggu setidaknya satu minggu kemudian periksa alamat blog untuk mengetahui perubahan di kolom Speed PageSpeed Insight.
Inilah Beberapa perbaikan Setelah Menghapus CSS, Javascript, dan Widget Bundel di Blogger.
Adapun efek yang diberikan setelah melakukan optimasi di atas, berikut beberapa perbaikan yang saya lakukan pada blog ini.
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 kirim dari widget formulir kontak biasanya tidak akan berfungsi seperti sebelumnya, tambahkan kode ini setelah kode HTML dari formulir kontak (Widget formulir kontak khusus ditambahkan ke halaman statis)
<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'] = '7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7342017194742683056','//www.arlinadzgn.com/','7342017194742683056');
_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': '7342017194742683056', '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 sobat. Baca selengkapnya di sini : Cara Terbaru Menambahkan Formulir Kontak di Blog.
Demikian jawaban dari pertanyaan Teman-teman blogger tentang Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Semoga bermanfaat. terimakasih.
0 Response to "Cara Menghapus Javascript Widget Bundle Untuk Mempercepat Loading Blogger"
Post a Comment