Loading Blogger Lebih Cepat dengan Disable CSS Template Official

Dibandingkan WordPress, Blogger masih kalah dalam hal mengatur bagaimana agar loading situs bisa dipercepat. Meskipun begitu, pengguna blogspot masih bisa melakukan hack agar loading situs lebih cepat. Cara mempercepat loading blog salah satunya adalah dengan menghapus/men-disable CSS Official (bawaan) blogger.

File CSS Blogger tersebut adalah:

https://www.blogger.com/static/v1/widgets/XXXXXXXXX-widget_css_bundle.css

Bisa jadi template Anda memiliki lebih dari satu. Blog kita akan memuat atau memanggil file-file CSS tersebut saat halaman blog dibuka. Artinya, jika file-file tersebut dihapus maka tidak ada pemanggilan file-file tersebut. Oleh karena itu loading blog bisa lebih cepat. Link tersebut dapat Anda temukan dalam kode sumber (source code) halaman. Tekan Ctrl+U untuk membuka source code sebuah halaman situs.

Perhatian!

File CSS Blogger berisi gaya (style) Widgets Blogger asli atau bawaan. Jika Anda menggunakan Template bawaan Blogger dan menonaktifkan Style Sheet (CSS) ini, situs Anda akan terlihat kacau balau. Gunakan hack ini hanya jika blog Anda menggunakan template kustom.

Tag <link> pemanggilan CSS akan tetap muncul pada kode sumber blog Anda, tapi tidak akan dimuat oleh browser, karena dibungkus dalam tag komentar HTML. Tentu Anda sudah tahu bahwa browser akan mengabaikan markup HTML yang berada dalam tag komentar. Jadi, file CSS Blogger  tidak akan dimuat.

Bagaimana Cara Menonaktifkan/Men-disable CSS Official Blogger?

Temukan tag <b:skin> dalam template Anda dan hapus baris sesudahnya hingga tag </b:skin>. Sekali lagi yang harus Anda hapus adalah tag <b:skin> dan tag </b:skin> dan semua yang berada diantaranya, bisanya itu baris kode yang sangat banyak. Lalu ganti dengan satu baris kode ini saja:

&lt;style&gt;&lt;!--/*<b:skin><![CDATA[*/]]></b:skin>

Apakah sudah selesai? Ya, Anda sudah menyelesaikan tahap men-disable CSS official blogger. Selanjutnya tugas Anda adalah menggantikan CSS blogger yang telah dihapus dengan CSS kustom atau CSS buatan Anda sendiri. CSS tersebut harus diapit oleh tag <style> dan </style> lalu tempatkan di atas tag </head>.

Selamat mencoba.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Menggunakan :before dan :after

Perbedaan JavaScript dan jQuery Beserta Contoh

Manisnya Font Roboto - Cara Pasang dan Penggunaan