mempercepat loading blog di blogspot
mempercepat loading blog di blogspot - bukan berarti mesin pencari seperti google menyukai loading yang cepat dan ringan. google menyukai konten artikel yang berkualitas. mengapa blog atau web butuh optimasi untuk loadingnya? user atau pengunjung menyukai artikel dengan loading page yang cepat. semakin cepat, semakin banyak pengunjung, google semakin suka. ada banyal hal yang menentukan pagespeed suatu blog atau web. caranya :
1. aktifkan pemampatan - melakukan kompresi pada kode html, CSS, maupun javascript
cara mempercepat loading blog lainnya bisa dibaca di http://www.feedthebot.com/pagespeed/
1. aktifkan pemampatan - melakukan kompresi pada kode html, CSS, maupun javascript
kompresi html - untuk kompresi html, saya lebih suka mengkompresi secara manual, yaitu dengan menghapus line (baris) kosong di template blogspot, semakin sedikit baris yang di-load semakin cepat pagespeed-nya, tetapi jika dijadikan dalam satu baris, akan menyulitkan ketika akan di-edit
kompresi css - http://www.csscompressor.com/
kompresi javascript - http://javascriptcompressor.com/
2. mengurangi gambar - ukuran gambar bisa diperkecil dengan memperkecil tampilan yang akan muncul, bisa menggunakan opsi kecil atau sedang, tergantung kebutuhan, namun akan lebih baik lagi jika dari awal sudah diperkecil ukuran pikselnya dengan software yang tersedia di pasaran, misalkan saja paint (mspaint)
3. prioritaskan konten yang terlihat - perlihatkan beberapa kalimat saja di bagian beranda, bisa dengan cara memotong artikel dengan page break : read more, baca selengkapnya, atau sejenisnya
4. hilangkan javascript atau css yang memblokir perenderan kode di bagian awal-awal - salah satu contoh javascript yang dapat menunda perenderan laman blog atau web adalah https://apis.google.com/js/plusone.js, pemilik blog atau web direkomendasikan menggunakan kode asinkronus google plus. jika tidak dilakukan, laman blog atau web diharuskan melakukan load terlebih dahulu untuk tombol tersebut padahal seharusnya konten yang penting dulu yang ditampilkan. hal ini bisa mengurangi pagespeed.
5. desain blog dengan komponen seminimal mungkin - tampilkan yang penting saja, kurangi widget yang tidak penting seperti arsip blog, jam, kalender, ikan-ikanan, atau bahkan game sekalipun. gunakan sitemap sebagai pengganti arsip blog. hapus kode javascript yang tidak penting. jikapun harus menggunakan widget berupa HTML atau javascript, lebih baik dijadikan dalam satu widget, misal kode javascript untuk twitter dan facebok dimasukkan dalam satu widget. kurangi gambar yang muncul di beranda. gunakan background warna untuk mempercepat pagespeed, hindari penggunakan background gambar. ok, bagian ini masih belum saya laksanakan.
3. prioritaskan konten yang terlihat - perlihatkan beberapa kalimat saja di bagian beranda, bisa dengan cara memotong artikel dengan page break : read more, baca selengkapnya, atau sejenisnya
4. hilangkan javascript atau css yang memblokir perenderan kode di bagian awal-awal - salah satu contoh javascript yang dapat menunda perenderan laman blog atau web adalah https://apis.google.com/js/plusone.js, pemilik blog atau web direkomendasikan menggunakan kode asinkronus google plus. jika tidak dilakukan, laman blog atau web diharuskan melakukan load terlebih dahulu untuk tombol tersebut padahal seharusnya konten yang penting dulu yang ditampilkan. hal ini bisa mengurangi pagespeed.
5. desain blog dengan komponen seminimal mungkin - tampilkan yang penting saja, kurangi widget yang tidak penting seperti arsip blog, jam, kalender, ikan-ikanan, atau bahkan game sekalipun. gunakan sitemap sebagai pengganti arsip blog. hapus kode javascript yang tidak penting. jikapun harus menggunakan widget berupa HTML atau javascript, lebih baik dijadikan dalam satu widget, misal kode javascript untuk twitter dan facebok dimasukkan dalam satu widget. kurangi gambar yang muncul di beranda. gunakan background warna untuk mempercepat pagespeed, hindari penggunakan background gambar. ok, bagian ini masih belum saya laksanakan.
cara mempercepat loading blog lainnya bisa dibaca di http://www.feedthebot.com/pagespeed/
0 comments:
Posting Komentar