Optimasi Pagespeed Insights untuk meningkatkan kecepatan Blog

advertisement
Untuk sobat yang sudah gatal ingin berceloteh kembali meramaikan weblog ini, ada kabar gembira, kolom komentar yang sebelumnya saya tiadakan kini telah di hadir kembali. Bukan hanya itu, kabar buruknya juga ada, komentar sebelumnya jejak-jejak petualangan sobat, tidak bisa saya selamatkan, hilang bersama kenangan yang dulu pernah ada.

Sekarang interlude, ini saatnya saya memikirkan apa yang harus saya tulis pada paragraf selanjutnya

Jadi dilema juga karena penggunaan disqus sebagai pengganti komentar bawaan dari Blogger, membutuhkan loading yang lama, akibatnya blog jadi lelet. Internet aja kalo lelet bikin kesel kan. Nah cara mengukur seberapa cepat loading blog sobat, bisa dicek menggunakan :

https://developers.google.com/speed/pagespeed/insights/

Kenapa saya lebih memilih memprioritaskan kecepatan akses blog?. Disamping konten adalah raja, kecepatan juga perlu diperhatikan, misalnya : postingan kita bermanfaat, tapi blog kita lelet, belum juga dibaca sudah kabur duluan, konten yang bermanfaat pun tidak maksimal kan jadinya.

Ada beberapa tips dari saya, guna memperbesar nilai yang ada pada Pagespeed Insights, jika nilai blog sobat ber-rapot Merah, berarti blog sobat dalam bahaya, diukur dari seberapa cepatnya blog bisa diakses.



Jika kita mengacu pada gambar diatas, yang dimaksud dengan (Desktop) 29/100 itu artinya kecepatan akses blog sobat jika menggunakan Desktop bernilai 2,9 dari 10. Dan perlu sobat perbaiki jika sobat memikirkan 'service' untuk pembaca blog sobat.

Kesalahan akan di tampilkan oleh Google Pagespeed Insights, jadi tidak usah khawatir kebingungan, semua yang harus sobat perbaiki pada blog sudah di informasikan disana, apa saja yang harus sobat optimalkan demi meningkatkan nilai kecepatannya.

Misalnya : ketika sobat mengetikan pada Google Pagespeed Insights URL http://www.websobat.com berarti semua kesalahannya yang tampil disana terdapat pada URL tersebut, tidak ada kaitannya dengan sub URL atau halaman lain. Halaman yang sobat ketikan disanalah, itulah halaman yang sobat harus perbaiki.

Ada beberapa kesalahan umum yang tidak ada kaitannya dengan javascript atau bundle CSS yang bisa sobat perbaiki tanpa mengutak atik kode HTML :

Resolusi Gambar


Ketika sobat berpikir bahwa resolusi mempengaruhi kualitas gambar? itu iya. Tapi ini di website, bukan untuk bikin baliho, jadi tidak perlu gambar yang pixel nya segede gajah. Sebaiknya jika sobat mengedit gambar terbiasa menggunakan Photoshop, ketika ingin membuat gambar baru, setting di resolusi 72 Pixels/Inch



Dan usahakan gambar pertama postingan bentuknya Wide jangan Square. Kenapa? Biasanya image yang ada pada halaman utama/index/muka, akan di perkecil sesuai dengan resolusi yang ada disana, indikasi jika img/ gambar kita bermasalah adanya keterangan :

Compressing and resizing https://lh3.googleusercontent.com/…AAAAAARg/LfP5EZ7VKQQ/s512-Ic42/siska.jpg could save 171.1KiB (97% reduction).

Setelah sobat perbaiki gambarnya, akan tetapi masih ada laporan tentang

Losslessly compressing http://4.bp.blogspot.com/…kaki-kakiku-kaka-kuku.jpg could save 3.2KiB (5% reduction).

Keterangan tersebut abaikan saja, tidak masalah dan tidak mempengaruhi apa-apa.

Widget


Ketika pada blog sobat ada Widget dari pihak ketiga, itu juga mempengaruhi nilai dari kecepatan blog sobat. Saya kasih informasi Widget apa saja yang menghambat kecepatan blog sobat, antara lain :

1. Alexa Rank
2. Random Posts
3. Plugin like facebook, facebook statistik dll
4. Widget Counter
5. Widget Translate

6. Img/ Gambar yang diambil dari penyimpanan luar (contoh: Photobucket, Imgurl dll)

Sebaiknya upload image di PicasaWeb. Btw picasa web adalah tempat dimana gambar yang kita upload untuk blog akan tersimpan disana. biasanya URL-nya https://2.bp.blogspot.com/-9YkiunjYyGg/.... dst.

7. Disqus

Ini alternatif, bisa digunakan bisa tidak, jika sobat sudah mengoptimasi yang lain, penambahan Disqus tidak terlalu signifikan mempengaruhi kinerja blog, apalagi sekarang ada tutorial bagaimana membuat Disqus (hide) seperti pada Disqus weblog ini yang bisa meminimalkan waktu loading blog.

Nah. itu saja dulu yang harus sobat perbaiki dan optimalkan, lihat hasilnya? saya jamin minimal Kuning. Karena untuk menjadi Hijau, ada beberapa pengaturan yang harus diubah pada kode HTML nya. Batas minimal jika nilai rapot blog sobat ingin hijau adalah 85/100. Selamat bereksperimen jangan lupa di Backup template nya.

Salam,
Admin
advertisement
SHARE ON :

Artikel Terkait

Optimasi Pagespeed Insights untuk meningkatkan kecepatan Blog
4/ 5
Oleh

Subsribe

Masukkan alamat email Sobat untuk berlangganan blog ini dan menerima pemberitahuan pesan baru melalui email.

Load comments