Selasa, 27 Desember 2016

Percepat Loading Blog dengan Optimasi CSS Delivery


Bagi pengguna flatform blogger kecepatan loading blog dari sisi server memang tidak perlu diragukan lagi. Walaupun gratis, akan tetapi perusahaan raksasa seperti google tentu memiliki kualitas server yang terjamin, dan ini terbukti. 

Berbeda jika anda menggunakan self hosting, dan menggunakan CMS seperti Wordpress, anda harus mebayar biaya cukup mahal untuk bisa mendapatkan kualitas server yang bagus.

Untuk memaksimalkan kecepatan loading blog pada blogger lebih jleb lagi, ada beberapa hal penting yang harus dilakukan, dua diantaranya pernah dibahas pada postingan sebelumnya.
  1.  Remove Render Blocking Javascript
  2. Cara Mengoptimalkan Gambar, dapatkan lampu Hijau pada Google Page Speed Insight

Silahkan dibaca terlebih dahulu kedua postingan tersebut. Masih berkaitan erat dengan kedua postingan diatas, berikut ini akan dibahas cara yang tak kalah penting untuk meningkatkan kecepatan akses blog dengan mengoptimlkan CSS Delivery.

Ok, sebelum pembahasan ini lebih jauh, silahkan cek speed blog anda terlebih dahulu pada Google Page Speed Insight, Jika hasil test terdapat laporan seperti gambar dibawah berikut ini, maka anda membaca tutorial yang tepat untuk menyelesaikan permasalahan tersebut.
Pada gambar diatas kita bisa perhatikan text yang berwarna biru " Optimize CSS delivery" yakni untuk file CSS Bundel (pada kotak warna merah).

CSS bundel merupakan file css yang dimiliki oleh template blogger yang secara default sudah terpasang. Salah satu fungsi utamanya adalah untuk mereset tampilan blog ke format standar blogger. 

Untuk memperbaiki error yang tampak pada gambar diatas, ternyata kita harus me-remove css bundle tersebut dari template blog yang anda gunakan.

Berikut 3 alasan kenapa sebaiknya anda me-remove CSS bundle dari template anda.
  1. Jika anda menggunakan custome template, tidak ada alasan bagi anda untuk tidak menghapus CSS bundel dari blog anda.
  2. Jika anda anda adalah seorang Template Designer atau bagi anda yang hoby edit template blogger, pekerjaan anda akan menjadi lebih sulit dengan adanya CSS bundle, karna jika tidak sesuai maka tampilan akan diresete ke tampilan standar blogger.
  3. Ini akan mempercepat loading blog anda cukup signifikan, buktikan setelah anda menghapus CSS bundel, lakukan pengecekan ulang pada Google page speed insight.

 Cara Me-Remove CSS Bundel


Silahkan login ke Blog anda, setelah anda berada pada halaman dashboard silahkan buka menu Template + Edit HTML. 

Cari code <head>, Kemudian ganti dengan kode &lt;head&gt;

Setelah itu cari lagi kode </head> Kemudian ganti dengan Kode &lt;/head&gt;&lt;!--<head/>--&gt;

Terakhir, simpan perubahan. Sekarang silahkan anda periksa kembali speed blog anda pada google page speed insight, dan lihat hasilnya.

Newsletter

Berlangganan artikel terbaru dari blog ini langsung via email.

Masih aktif menulis dibeberapa Blog dan website. Menjadi web designer di Sasambo Desain. Hobi travelling, reading, climbing, camping, hiking, swimming, and boxing

2 komentar

Silahkan brow., dijamin speed blognya semakin joss

Terimkasih sudah berkunjung ke Lombok Blogger. Budayakan untuk berkomentar yang baik dan sesuai dengan materi postingan, komentar yang terlalu singkat kami anggap Spam dan tidak kami tanggapi
EmoticonEmoticon