KafeGue.com

Kabar Gembira: Ekstensi YSlow Kini Hadir di Google Chrome

Pada 8 April 2011 → 2034 kali dilihat

Jika sebelumnya ‘add-ons’ (pengaya) YSlow hanya tersedia bagi pengguna Firefox, maka kini para ‘Chrome-mania’ boleh bernafas lega. Ya. YSlow kini hadir untuk pengguna peramban Google Chrome. Termasuk Chromium.

Belum tahu apa itu YSlow? YSlow adalah tool atau pengaya yang berfungsi untuk mengukur performa sebuah website, baik itu halaman utama (‘home’) maupun halaman ‘single.’ Performa yang dinilai cenderung mengarah pada kecepatan muat halaman dan ukuran berkas halaman yang diunduh. Termasuk berbagai elemen/komponen penyusun halaman web tersebut.

Pengaya (ekstensi) yang dikembangkan oleh pihak Yahoo Inc. ini sangat mudah digunakan, sekaligus sangat ‘powerfull’. Bagi Anda pengguna setia Google Chrome, silakan menuju halaman ekstensi YSlow, lalu klik tombol install untuk melakukan instalasi. Setelah proses instalasi selesai, maka akan muncul icon berwarna biru seperti ‘spedometer’ (pada sisi kanan ‘address-bar’) Chrome Anda.

icon YSlow pada Chrome

Bagaimana cara menggunakan YSlow untuk mengukur performa website?

Buka/akses terlebih dahulu halaman situs web atau blog yang ingin Anda ukur performanya. Saya beri contoh halaman depan blog kafegue.com ini. Setelah halaman situs/blog tersebut termuat sempurna, coba Anda klik icon ekstensi ‘YSlow’ ini (lihat kembali gambar di atas).

Setelah Anda klik, akan muncul tampilan halaman ekstensi ini yang tingginya separuh dari tinggi jendela peramban Chrome Anda. Coba lihat gambar berikut.

tampilan YSlow

Nah, saya akan mulai mengukur performa blog ini. Caranya yaitu dengan mengklik tombol RUN TEST.

tombol run test

Hasilnya, beberapa detik kemudian akan muncul hasil penilaian GRADE seperti berikut ini.

menu grade

Ya, ternyata halaman depan blog ini memperoleh Grade A (dengan score sebesar 96). Lumayan tinggi, bukan? :) Apalagi jika JavaScript dari histats dan Google Analytics saya copot dari halaman depan, bisa dipastikan score-nya akan lebih tinggi lagi. Sayangnya, saya masih ingin mempertahankan script pencatat trafik tersebut.

Namun jika menggunakan opsi Small Site or Blog, score halaman depan blog ini naik menjadi 99. Bisa dimaklumi karena ada beberapa poin yang tidak dinilai dalam metode pengukuran dengan menggunakan ‘rulesets’ “Small Site or Blog”.

opsi small site or blog

Lanjut ke bagian sub menu ‘Components’. Setelah diklik akan muncul tampilan seperti ini.

sub menu components

Anda bisa lihat sendiri 5 jenis komponen/elemen penyusun halaman depan blog ini. Ada dokumen HTML, file JavaScript, file CSS, file animasi/flash (dari histats), serta file gambar yang disetting menggunakan CSS. File yang paling besar size/ukurannya justru file gambar latar pada header, yaitu sebesar 81,9 KB.

Kita lanjut lagi ke sub menu ‘Statistics’.

sub menu statistics

Jumlah ‘HTTP Request‘ halaman depan blog ini bisa saja saya kurangi menjadi 3 buah saja. Caranya yaitu dengan mencopot script histats dan google analytics. Tapi lagi-lagi saya belum ingin mengorbankan hal tersebut. Saya masih membutuhkan hasil tracking dari kedua alat pencatat trafik tersebut.

Apa manfaat yang bisa diperoleh dari penggunaan YSlow?

Manfaat nyata yang saya rasakan yaitu bisa mengetahui ukuran file setiap elemen/komponen yang menjadi penyusun halaman website/blog saya. Dari hasil data tersebut, saya bisa tahu elemen mana saja yang berpotensi memperberat ‘loading-page’ (pemuatan halaman). Dari situ pula saya bisa mempertimbangkan kembali penggunaan elemen-elemen tertentu. Setidaknya berusaha memangkas ukurannya agar tidak terlalu besar.

Manfaat lainnya yaitu saya bisa tahu berapa jumlah ‘HTTP request’ dari halaman yang saya tes. Termasuk berapa jumlah file total yang menyusunnya. Dari hasil rekomendasi YSlow, saya bisa tahu elemen/komponen mana saja yang masih perlu dioptimalkan agar performa blog saya bisa lebih baik.

Bagaimana menindaklanjuti hasil pengetesan website kita dengan menggunakan ekstensi YSlow ini?

Mudah-mudahan nanti akan saya sharingkan pada postingan selanjutnya. Termasuk poin-poin apa saja yang dinilai oleh tool YSlow ini.

Sebelum menutup tulisan ini, saya ingin bertanya. Berapa score halaman depan situs/blog Anda? (termasuk grade-nya). Jika Anda belum pernah menggunakan YSlow untuk mengukur/menakar performa website Anda, saya sangat merekomendasikan ekstensi tersebut.

Maaf, karena alasan tertentu, kotak komentar ditutup!