Setiap webmaster atau pemilik sebuah website atau blog pasti mendambakan memiliki website atau blog yang mempunyai performa yang tinggi dari sisi kecepatan loading. Sebagus apapun kontennya jika loadingnya sangat lambat atau “lola” pasti akan mengurangi reputasi website atau blog tersebut. Dampak dari blog yang “lola”, biasanya pengunjung akan segera pergi dan segera menutup blog tersebut. Dari sisi SEO juga akan berdampak kurang bagus terhadap hasil pengindekan, seperti metode pengindekan Google saat ini yang juga memperhitungkan kecepatan loading sebuah website atau blog.
Untuk membantu menganalisa performa loading blog cukup banyak tool yang tersedia, salah satunya yaitu Firebug dan Page Speed dalam bentuk sebuah add-ons yang bisa kita install di browser Mozilla Firefox. Add-ons ini menurut saya cukup detail dan lengkap dalam menganalisa performa loading sebuah website atau blog dan langsung akan memberikan informasi bagian-bagian mana saja yang perlu dibenahi, seperti jumlah ukuran halaman, jumlah recources atau jumlah http request, ukuran gambar, file css, javascript, cache, kompresi dan masih banyak lagi. untuk lebih detailnya bisa dilihat di list berikut ini :
- Leverage browser caching
- Leverage proxy caching
- Minimize DNS lookups
- Minimize redirects
- Avoid bad requests
- Combine external JavaScript
- Combine external CSS
- Optimize the order of styles and scripts
- Parallelize downloads across hostnames
- Minimize request size
- Serve static content from a cookieless domain
- Enable compression
|
- Remove unused CSS
- Minify JavaScript
- Minify CSS
- Minify HTML
- Defer loading of JavaScript
- Optimize images
- Serve scaled images
- Serve resources from a consistent URL
- Use efficient CSS selectors
- Avoid CSS expressions
- Put CSS in the document head
- Specify image dimensions
- Specify a character set early
- SpecifyImageDimensions
|
Cara menggunakan Firebug dan PageSpeed :
1. Buka browser Mozilla Firefox sahabat blogger .
2. Install add-ons Firebug dan Page Speed. Untuk Firebug bisa didownload di sini dan Page Speed di sini. Setelah terinstall jangan lupa restart Firefox sahabat bloger. Jika telah terinstall dengan benar, maka icon add-ons Firebug akan muncul di bagian kanan bawah browser.
3. Untuk menggunakannya buka blog kita sampai loadingnya selesai, klik icon Firebug tersebut , akan tampil menu seperti ini :
4. Klik button “Analyze Performance” setelah itu akan ditampilkan skor nilai dari performa loading blog kita beserta saran-saran untuk memperbaikinya. Semakin tinggi skornya berarti sebagai indikasi loading blog juga semakin cepat. Sebagai contoh blog ini untuk halaman depan (home) mempunyai skor 82 (skor tertinggi). Saya cek di GTmetrix score-nya juga 82.
Untuk mengetahui berapa ukuran sebuah halaman dan berapa jumlah recources (http request), fungsi kompressi dan lain-lain, bisa diklik di menu Recources yang ada di sebelah menu Performance.
