Mempunyai blog dengan loading yang cepat tentu menjadi keinginan setiap blogger. Bagi para developer template, meringankan ukuran blog tentu bukan sebuah perkara yang susah, namun hal tersebut tentu tidak berlaku untuk blogger pemula menyerupai saya dulu, yang mampu dibilang buta akan koding Template menyerupai CSS, HTML dan JS.
Setelah browsing kesana kemari, mencoba trik ini itu, balasannya saya sedikit mulai paham bagaimana cara mempercepat blog, melalui artikel ini saya ingin mencoba membuatkan apa yang sudah saya ketahui ihwal meringankan loading dari sebuah situs blog.
Cara Mempercepat Loading Blog
Cukup basa-basinya, pribadi saja silahkan disimak ketujuh cara mempercepat loading blog yang sudah terbukti ampuh, dibawah ini.
1. Hapus CSS Reset Blogger
Apa itu CSS Reset Stylesheet Blogger ? sederhanya, CSS Reset Blogger yaitu halaman web yang berisi CSS yang berkaitan dengan widget default blogger, alasan kenapa Anda harus menghapusnya yaitu untuk meringankan blog dengan mengurangi jumlah repon, sebab CSS Reset Blogger ini akan mengirim respon ke server blogger, dengan menghapus atau mematikannya, maka situs kita tidak akan meload halaman CSS Reset Blogger.
Cara untuk menghapus CSS Reset Blogger sebetulnya tidak terlau susah, bahkan terbilang cukup mudah, namun sebelum menghapusnya ada baiknya backup template terlebih dahulu.
- Buka menu edit template Blogger
- Cari <b:skin><![CDATA[ lalu ganti dengan <style type="text/css"><!-- /* <b:skin><![CDATA[
- Simpan template
2. Hapus JavaScript Widget Default
Secara default, widget menyerupai Blog Archive telah dipasang JavaScript jadi jikalau blog Anda menggunakan Widget Archive maka akan meload JavaScript default (bawaan) Bloger, untuk mengatasi hal ini juga perlu menghapusnya dengan cara berikut ini.
- Seperti biasa, buka edit template Blogger
- Cari arahan </body> ubah dengan <!--</body>--></body>
- Simpan / save template
3. Hapus CSS Font Stylesheet
Menambah custom font stylesheet akan membuat blog kita menjadi lemot / lama ketika diakses, sebab dengan mencustom font, maka akan ada komplemen respond yang harus di load oleh pengunjung blog, yaitu situs dari penyedia font tersebut dalam hal ini biasanya yaitu Google Font. Jika Anda ingin menghapus font stylesheet, silahkan ikuti caranya dibawah ini.
- Cari arahan rel='stylesheet'
- Hapus CSS yang mengandung nama Font, rujukan <link href='http://fonts.googleapis.com/css?family=Oswald:400,500' rel='stylesheet' type='text/css'/>
- Simpan template
4. Hindari Menggunakan Background Gambar
Jika ketika ini template Anda menggunakan background gambar, maka sebisa mungkin hapus gambar tersebut, namun jikalau Anda ngotot untuk memasng gambar pada background, maka saran saya cobalah untuk mengubahnya menjadi gambar pattern grid / gambar berpola garis, jadi nanti mampu kita aplikasikan css background repeat, yang efeknya dapat meringankan load situs sebab hanya perlu meload gambar dengan ukuran kecil.
Masuk ke edit template, lalu cari selector body, gunakan CTRL + F semoga lebih mudah.
Tambahkan arahan background: url(http://2.bp.blogspot.com/-JCjoJ8AM86M/UrJjp2KOy_I/AAAAAAAAAX8/epdEE5FkMfQ/s0/noisy_grid.png) repeat scroll top left
Simpan template
* ubah url gambar, dengan gambar yang anda inginkan
5. Hindari Menggunakan Script External
Salah satu rujukan script dari luar situs itu menyerupai script counter Google Analytic atau semacamnya, jikalau Anda memasang script tersebut, maka terang blog kita akan mengirim respond ke situs Google Analytic dan hal ini terang akan menambah berat dan menyebabkan load situs kita menjadi lama.
* jikalau anda tetap ingin menggunakan script counter stat, silahkan saja, sebab dari segi ukuran load scriptnya juga tidak terlalu besar.
Trik mempercepat blog ini khusus untuk blogger, sementara untuk pengguna wordpress (self host) sudah ada plugin yang mampu meringankan load situs menyerupai salah satu contohnya W3 TotalCache.
Hasil
Gambar tersebut merupakan hasil penerapan dari kelima cara mempercepat load blog yang saya bagikan diatas. Menurut saya pribadi load blog benar-benar menjadi ringan sebab hanya ada 6 Request dan Page Load Time yang hanya butuh waktu 1 detik saja.
Itulah, cara mempercapat load blog dengan memangkas JavaScript dan CSS Reset Blogger, silahkan dipraktekkan dan jikalau ada pertanyaan silahkan usikan melalui kolom komentar, akan saya bantu sebisa saya.
Comments