MULTI PASTE - Ketika sedang surfing di Internet, mungkin Anda pernah menemukan Website atau Blog saat di buka membutuhkan waktu loading yang cukup lama, hal ini tentu sedikit mengganggu kenyamanan pengunjung blog untuk mendapatkan informasi yang dibutuhkan. Waktu loading blog yang cukup lama juga akan mempengaruhi tingkat prosentase bounce rate dan tentunya akan sangat merugikan dari sisi SEO blog.
Salah seorang pakar SEO dari Google Adsense mengatakan bahwa 3 detik pertama saat blog diload oleh browser pengunjung adalah waktu yang penting dimana pengunjung akan menentukan apakah loading akan dilanjutkan atau menutup borwsernya dan meninggalkan blog Anda.
Hubungan Kecepatan Loading Blog Dengan SEO Blog
Pada bulan April 2010, Google telah memasukkan kecepatan loading situs atau blog ke dalam algoritma dalam menentukan peringkat pada halaman hasil pencarian. Google mewajibkan author situs web dan pemilik blog untuk memperhatikan dan menjaga waktu loading situs mereka, dalam rangka untuk membuat pencarian lebih user friendly bagi pengguna internet. Matt Cutts menekankan bahwa, meskipun kecepatan loading website akan menjadi perhatian besar dalam kriteria penentuan peringkat di masa depan, pemilik blog tidak boleh mengabaikan faktor-faktor penting lain seperti relevansi, aktualitas, reputasi dll., yang berarti kualitas konten adalah prioritas utama, menyusul kecepatan loading berikutnya. Simak pernyataan si gundul berikut ini,
Periksa Skor Kecepatan Loading Blog Anda
Untuk memeriksa skor kecepatan loading situs web atau blog, Google Developers telah menyediakan PageSpeed Test secara online, yang memang sudah menjadi suatu keharusan bagi semua blogger untuk mencobanya. Anda dapat pula memeriksa performa blog menggunakan Add-ons Mozila Firefox
Ikuti langkah berikut ini untuk mendapatkan skor kecepatan loading blog Anda. Saat memeriksa skor pagespeed blog ini, angka yang diperoleh adalah 87 (dari 100), dibutuhkan waktu 15 detik untuk memuat halaman sampai sempurna. Hasil ini masih belum memuaskan dan kami masih membutuhkan beberapa perbaikan untuk memperoleh skor pagespeed yang lebih baik.
- Kunjungi PageSpeed Check dari Google Developers
- Masukkan URL blog Anda pada kotak yang tersedia dan klik tombol ANALYZE
- Catat skor pagespeed blog Anda
- Jika Anda mendapatkan skor pagespeed di atas 80 maka blog Anda perlu perbaikan yang lebih sedikit, dibandingkan skor di bawah 80, yang berarti Anda perlu mengambil beberapa langkah-langkah serius untuk mengurangi beban loading seperti melakukan kompresi script, optimasi gambar serta memperbaiki http request pada blog Anda.
Mengoptimalkan Kecepatan Loading Blog
Banyak cara yang dapat dilakukan untuk mengoptimalkan kecepatan loading blog, dan yang akan dibahas secara singkat di sini adalah rekomendasi yang Anda peroleh dari Google Developers setalah melakukan test Pagespeed. Halaman analisis PageSpeed Anda mungkin telah memperlihatkan berbagai saran yang dikategorikan sebagai prioritas tinggi, menengah dan rendah seperti berikut ini :
- High priority
Leverage browser caching, Combine images into CSS sprites
- Medium priority
Defer parsing of JavaScript, Enable compression, Serve resources from a consistent URL, Minimize redirects
- Low priority
Specify a cache validator, Optimize images, Optimize the order of styles and scripts, Avoid bad requests, Prefer asynchronous resources, Minify JavaScript, Serve scaled images, Minify HTML, Minify CSS, Put CSS in the document head, Specify a character set, Remove query strings from static resources, Specify a Vary: Accept-Encoding header
Kami akan membahas secara ringkas beberapa informasi penting yang diperoleh dari hasil PageSpeed Test yang telah Anda lakukan. Saya juga mengajak Anda untuk ikut terlibat membahas bidang penting ini dengan cara memberikan komentar pada kolom yang tersedia, agar kita bisa saling bertukar informasi untuk memperbaiki blog kita masing-masing
Laverage browser catching
Sulit untuk meperbaiki saran ini di blogspot, karena hak akses ke root directory blogger yang dibatasi sehingga tidak mungkin rasanya untuk bisa melakukan kustomisasi file .htacces, berbeda dengan website atau blog yang memiliki self hosting seperti Wordpress atau Joomla!
Combine images into CSS sprites
Saran ini adalah saran untuk menggabungkan beberapa gambar ke dalam satu gambar besar. Biasanya diterapkan pada gambar icon dan tombol, metode ini dimaksudkan untuk memutuskan permintaan berulang terhadap file gambar saat browser pengunjung memuat halaman blog, sehingga waktu loading menjadi lebih sedikit.
Bagaimana trik menggabungkan gambar ke dalam CSS sprite, mungkin dapat anda googling sendiri karena banyak tutorial tentang metode ini tersebar di internet atau Anda dapat menggunakan tool CSS Sprites Generator.
Defer parsing of JavaScript
Saran ini biasanya akan dikategorikan sebagai medium prioritas. Ini adalah metode yang diterapkan untuk menunda pemuatan fungsi JavaScript yang tidak dipanggil saat startup untuk mengurangi ukuran download awal, yang memungkinkan fungsi-fungsi lain untuk di-download secara paralel, dan mempercepat eksekusi serta rendering time.
Untuk menggunakan teknik ini, Anda harus terlebih dahulu mengidentifikasi semua fungsi JavaScript yang tidak benar-benar digunakan oleh dokumen sebelum acara onload. Anda bisa mempelajari lebih lanjut tentang Defer loading of JavaScript dari Google Developers.
Minimize redirects
Usahakan untuk menyimpan semua gambar Anda di server Anda sendiri. Untuk pengguna BlogSpot dapat meng-upload gambar di Picasa Web Albums dan tidak harus menggunakan layanan penyimpanan pihak ketiga seperti flickr atau photobucket. Pengguna Wordpress dapat meng-upload gambar langsung pada server mereka.
Keuntungannya, jika semua gambar disimpan pada server tunggal maka browser hanya terhubung ke satu server untuk men-download semua gambar sehingga akan menghemat waktu loading.
Optimize images
Cara terbaik untuk mengoptimalkan gambar adalah dengan menggunakan gambar dalam format gif atau PNG. Anda juga dapat melakukan kompresi dan mengurangi ukuran gambar PNG tanpa kehilangan kualitas dengan menggunakan tool ini :
Minify JavaScript
Minify JavaScript adalah menghilangkan byte yang tidak perlu, seperti spasi ekstra, jeda baris, dan lekukan.
Tool yang dapat Anda gunakan untuk kebutuhan ini:
Serve scaled images
Banyak para blogger memasang gambar ukuran besar di post editor dan kemudian mengubah ukuran menggunakan atribut HTML untuk mengubah ukuran lebar dan tinggi atau menyesuaikannya pada properti CSS. Hal ini akan membutuhkan waktu loading yang cukup, sebaiknya gunakan gambar sesuai ukuran aslinya.
Sebenarnya masih banyak bagian-bagian penting yang direkomendasikan oleh Google Developers seperti yang Anda peroleh dari hasil test pagespeed menggunakan Google PageSpeed Test yang tidak dapat saya uraikan satu persatu pada postingan ini, dan saya akan berterima kasih serta mengucapkan Alhamdulillah jika Anda bisa menambahkannya melalui kolom komentar di bawah ini.