4+ Cara Mempercepat Loading Blog - Menghapus Koding Tidak Penting
Berkaitan dengan artikel Alasan Kenapa Template Blogger Cepat itu Sangat Penting, kali ini saya akan berbagi tutorial bagaimana caranya mempercepat Loading Blog dengan cara menghapus koding blog yang dianggap penting.
Selain itu, ada beberapa Widget atau Gadget yang dianggap tidak layak untuk diinstall atau memang harus dihapus di Template Blog.
Masuk ke Blogger Account > Blogger > Tema > Edit HTML
Cari dan hapus kode ini: <b:includable id='feedLinks'> dan kode ini: <b:includable id='feedLinksBody'>
Setiap awalan dari kode ini: <b:includable memiliki ujungnya yaitu </b:includable>. Jadi, hapus dari awal hingga akhir.
Cari kode ini:
Juga cari kode ini:
Hapus kedua kode tersebut sampai ke koding penutupnya yaitu </b:includable>. Tutorialnya sama seperti langkah pertama di atas.
Kenyataannya ialah kedua jenis koding di atas merupakan koding asli bawaan Blogger. Gak begitu penting, dan bahkan gak terpakai sama sekali di Template Blog yang sudah di Custom.
Selain itu, dengan adanya kedua jenis koding di atas, berdampak negatif terhadap kecepatan Loading blog; maksudnya malah memberatkan blog. Makanya, lebih baik dihapus dari pada membebankan blog.
Blogger dulu seringkali bermasalah dengan Link CSS Widget Bundle. Penyebabnya karena Link inilah yang memberatkan pemuatan tampilan blog ketika dikunjungi.
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
Dan Link ini:
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css' />
Sejak awal, Link ini sudah tertanam di Template Blog. Ketika dicek di dalam Blogger Templates mana pun, Link ini gak dapat kalian temukan. Karena apa? Karena memang disembunyikan oleh Blogger.
Untuk mengatasi Blogger CSS Widget Bundle, cukup dengan beberapa langkah berikut.
Cari dan ganti kode <head> dengan kode ini:
Cari dan ganti kode <b:skin><![CDATA[ dengan kode ini:
Lalu cari kode ini ]]></b:skin> dan ganti dengan ini:
Untuk di bagian ini saja, hasil akhirnya nanti akan seperti ini:
Cari dan ganti kode </head> dengan koding di bawah ini:
Selanjutnya cari dan ganti kode </body> dengan kode ini:
Cari dan ganti kode <html> dengan kode di bawah ini:
Dan yang terakhir, cari dan ganti kode </html> dengan kode ini:
Sampai di sini, tutorial bagaimana caranya mempercepat Loading Blog dengan cara menghapus koding blog yang dianggap penting sudah selesai dilakukan.
Sebenarnya topik mengenai Blogger CSS Widget Bundle pada langkah ini cukup panjang dan detail. Saya merekomendasikan artikel ini untuk dibaca: Cara Menghapus CSS, JavaScript & Blogger CSS Widget Bundle.
Template Blogger AMP Google merupakan jenis tema blog terbaru yang direkomendasikan Google untuk kita gunakan.
Coba perhatikan... rata-rata tema blog jenis AMP Google, jarang menggunakan Blogger Comment Widget, malah disembunyikan, dan bahkan dihapus. Lalu digantikan dengan Disqus Comment Widget yang dikompilasikan dengan OnClick Event - Tombol Show dan Hidden Widget Komentar Disqus.
Itulah cara mempercepat Loading blog, menghapus koding yang tidak penting.
Sebagaimana judul pada postingan blog kali ini, ada simbol plus (+) pada judulnya, artinya ada sedikit tambahan tutorial.
Terakhir yaitu mengecilkan ukuran (size) gambar tanpa menurunkan kualitas gambarnya. Gambar yang mana? Gambar yang ada di Header Blog atau pun gambar-gambar yang ada di dalam artikel blog.
Ok sekian tutorial bagaimana caranya mempercepat Loading Blog dengan cara menghapus koding blog yang dianggap penting. Punya pertanyaan?
Selain itu, ada beberapa Widget atau Gadget yang dianggap tidak layak untuk diinstall atau memang harus dihapus di Template Blog.
4+ Cara Mempercepat Loading Blog - Menghapus Koding Tidak Penting
Masuk ke Blogger Account > Blogger > Tema > Edit HTML
1. Langkah Pertama: Cara Mempercepat Loading Blog
Cari dan hapus kode ini: <b:includable id='feedLinks'> dan kode ini: <b:includable id='feedLinksBody'>
Setiap awalan dari kode ini: <b:includable memiliki ujungnya yaitu </b:includable>. Jadi, hapus dari awal hingga akhir.
2. Langkah Kedua: Bagaimana Mempercepat Loading Blog
Cari kode ini:
<b:includable id='postQuickEdit' var='post'>
Juga cari kode ini:
<b:includable id='shareButtons' var='post'>
Hapus kedua kode tersebut sampai ke koding penutupnya yaitu </b:includable>. Tutorialnya sama seperti langkah pertama di atas.
Kenyataannya ialah kedua jenis koding di atas merupakan koding asli bawaan Blogger. Gak begitu penting, dan bahkan gak terpakai sama sekali di Template Blog yang sudah di Custom.
Selain itu, dengan adanya kedua jenis koding di atas, berdampak negatif terhadap kecepatan Loading blog; maksudnya malah memberatkan blog. Makanya, lebih baik dihapus dari pada membebankan blog.
3. Langkah Ketiga: Mengatasi Blogger CSS Widget Bundle
Blogger dulu seringkali bermasalah dengan Link CSS Widget Bundle. Penyebabnya karena Link inilah yang memberatkan pemuatan tampilan blog ketika dikunjungi.
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
Dan Link ini:
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css' />
Sejak awal, Link ini sudah tertanam di Template Blog. Ketika dicek di dalam Blogger Templates mana pun, Link ini gak dapat kalian temukan. Karena apa? Karena memang disembunyikan oleh Blogger.
Untuk mengatasi Blogger CSS Widget Bundle, cukup dengan beberapa langkah berikut.
Cari dan ganti kode <head> dengan kode ini:
<head>
Cari dan ganti kode <b:skin><![CDATA[ dengan kode ini:
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Lalu cari kode ini ]]></b:skin> dan ganti dengan ini:
</style>
Untuk di bagian ini saja, hasil akhirnya nanti akan seperti ini:
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
Di sini letak koding CSS secara lengkap
</style>
Cari dan ganti kode </head> dengan koding di bawah ini:
</head><!--<head/>-->
Selanjutnya cari dan ganti kode </body> dengan kode ini:
<!--</body>--></body>
Cari dan ganti kode <html> dengan kode di bawah ini:
<HTML expr:dir='data:blog.languageDirection'>
Dan yang terakhir, cari dan ganti kode </html> dengan kode ini:
</HTML>
Sampai di sini, tutorial bagaimana caranya mempercepat Loading Blog dengan cara menghapus koding blog yang dianggap penting sudah selesai dilakukan.
Sebenarnya topik mengenai Blogger CSS Widget Bundle pada langkah ini cukup panjang dan detail. Saya merekomendasikan artikel ini untuk dibaca: Cara Menghapus CSS, JavaScript & Blogger CSS Widget Bundle.
4. Langkah Keempat: Mempercepat Loading Blog seperti AMP Google
Template Blogger AMP Google merupakan jenis tema blog terbaru yang direkomendasikan Google untuk kita gunakan.
Coba perhatikan... rata-rata tema blog jenis AMP Google, jarang menggunakan Blogger Comment Widget, malah disembunyikan, dan bahkan dihapus. Lalu digantikan dengan Disqus Comment Widget yang dikompilasikan dengan OnClick Event - Tombol Show dan Hidden Widget Komentar Disqus.
Itulah cara mempercepat Loading blog, menghapus koding yang tidak penting.
Cara Meningkatkan Kecepatan Loading blog
Sebagaimana judul pada postingan blog kali ini, ada simbol plus (+) pada judulnya, artinya ada sedikit tambahan tutorial.
- Hapus Gadget atau Widget yang dianggap gak penting
- Hapus Fanspage Facebook
- Script yang digunakan harus Asinkron, - bukan Sinkron
- Membatasi unit iklan HTML/JavaScript pada Layout Blog
- Minimal 1 buah Widget di Sidebar, maksimal 3 buah
Terakhir yaitu mengecilkan ukuran (size) gambar tanpa menurunkan kualitas gambarnya. Gambar yang mana? Gambar yang ada di Header Blog atau pun gambar-gambar yang ada di dalam artikel blog.
Ok sekian tutorial bagaimana caranya mempercepat Loading Blog dengan cara menghapus koding blog yang dianggap penting. Punya pertanyaan?