Google mengumumkan bahwa kecepatan website menjadi salah satu rangking factor dalam menentukan peringkat website dalam halaman pencarian.
Dalam rilis di Google webmasters pada awal tahun 2018 menyebutnya dengan “Speed Update” yang menekankan pada kecepatan halaman yang memiliki pengaruh pada pengalaman pengguna.
Bagaimana rasanya saat Anda menemukan website yang memiliki loading yang lama? Pastinya Anda akan merasa kesal kemudian menutup halaman website dan mencari website lainnya.
Google memberikan rekomendasi untuk loading website harus dibawah 3 detik, survey menunjukan bahwa 53% pengunjung website akan meninggalkan website jika loading diatas 3 detik.
Sebagai pemilik website atau blog, Anda perlu melakukan optimasi untuk mempercepat loading website menjadi dibawah 3 detik.
Caranya dengan melakukan optimasi dari struktur kode, memperkecil images dan hal teknis lainnya. Nah untuk mengecek skor kecepatan website, bisa dilakukan dengan menggunakan PageSpeed Insights test dari Google Developers.
Apa Itu PageSpeed Insight
PageSpeed Insights adalah tools yang dimiliki oleh Google Developers yang berguna untuk mengecek performa website untuk perangkat desktop dan mobile.
Selain menampilkan skor, PageSpeed Insights juga memberikan rekomendasi-rekomendasi mana saja yang bisa dilakukan optimasi.
Dengan rekomendasi inilah yang akan membuat banyak para pemilik website dan blog menggunakan tools PageSpeed Insights untuk audit website.
Jika dibandingkan dengan GTMetrix, skornya pasti akan berbeda. Metric yang digunakan untuk pengukuran antar keduanya pun juga berbeda.
Karena kita semua menggunakan Google untuk mesin pencari, maka Kami lebih merekomendasikan PageSpeed Insights test untuk mengukur skor kecepatan website.
Skor yang diberikan PageSpeed Insights mulai dari nilai 0-100 dengan tanda 0-49 berwarna merah, 50-89 berwarna orange dan 90-100 berwarna hijau.
Cara Menggunakan PageSpeed Insight
Untuk menggunakan PageSpeed Insights caranya mudah sekali, silahkan ikuti langkah-langkahnya dibawah ini:
- Silahkan buka website PageSpeed Insights Google.
- Jika sudah terbuka halaman website PageSpeed Insights Google, silahkan masukan domain website Anda.
- Dalam contoh ini Kami mencoba mengecek salah satu website, silahkan masukan nama domain dan kemudian pilih Analyze.
- Tunggu prosesnya hingga keluar skor PageSpeed Insights.
- Perlu diketahui bahwa skor untuk desktop dan mobile berbeda, pada skor desktop bagus belum tentu pada skor mobile bagus.
- Jika sudah pada bagian bawah skor ada beberapa rekomendasi yang bisa Anda optimalkan untuk mendapatkan skor yang lebih baik.
Tips Membaca dan Mempercepat PageSpeed Insight
Untuk bisa mendapatkan skor tinggi pada PageSpeed Insights Google, Anda perlu melakukan semua rekomendasi yang tertera.
Nah kali ini Kami sudah menyiapkan tips dalam melakukan optimasi kecepatan website dengan PageSpeed Insights berdasarkan masalahnya. Berikut pembahasannya:
1. Field Data
Field data kecepatan yang dicek berdasarkan 30 hari terakhir dari dua metric FCP dan FID. First Contentful Paint (FCP) adalah waktu yang dibutuhkan gambar atau teks pertama kali muncul pada halaman website.
Sedangkan untuk First Input Delay (FID) adalah jarak waktu antara interaksi yang dilakukan pertama oleh pengunjung website dan respon pertama dari browser dalam menanggapi interaksi yang dilakukan.
Website bisa dikatakan cepat jika nilai FCP dan FID tinggi.
Jika salah satu ada yang rendah maka website Anda masuk dalam kategori lambat/slow.
2. Origin Summary
Original summary berisi ringkasan dari semua halaman yang dilaporkan dari pengguna browser Google Chrome selama 30 hari.
Data yang dibandingkan antara First Contentful Paint (FCP) dan First Input Delay (FID) kemudian dirata-rata.
Hasilnya pada kasus website diatas memiliki kecepatan Moderate/Sedang.
3. Lab Data
Lab data menyajikan beberapa data seperti penting berikut ini:
- First Contentful Paint adalah perhitungan seberapa cepat teks dan gambar pertama kali muncul. Semakin cepat nilainya maka semakin bagus.
- Speed Index adalah seberapa cepat loading sampai semua halaman bisa terlihat jelas, semakin cepat maka semakin bagus skornya.
- Time to Interactive adalah hitungan waktu tercepat untuk menunjukan suatu halaman dianggap sudah interaktif secara penuh.
- First Meaningful Paint adalah ukuran yang dilakukan untuk menghitung kapan konten utama suatu halaman muncul dengan sempurna.
- First CPU Idle adalah untuk menandai kapan pengunjung website bisa melakukan input
- Max Potential First Input Delay adalah penundaan maksimum yang dapat dialami oleh pengunjung.
4. Opportunities
Opportunities adalah saran yang diberikan oleh Google Insights tentang apa saja yang bisa dioptimasi agar kecepatan menjadi lebih meningkat.
Umumnya setiap website memiliki peluang yang berbeda-beda untuk dilakukan optimasi.
Dalam kasus website tersebut ada beberapa saran yang diberikan seperti:
- Eliminate render-blocking resources
- Remove unused CSS
- Defer offscreen images
- Reduce server response times (TTFB)
Disebelah opportunities terdapat estimasi penghematan waktu yang bisa diperoleh, jika Anda bisa memaksimalkan ini loading website Anda bisa terpangkas semakin lebih cepat.
Baca juga : Cara Optimasi Ukuran Gambar Pada WordPress
5. Diagnostics
Diagnosis ini berisi pada rincian kinerja apa saja yang membuat loading lama.
Saran-saran yang ada pada diagnosis ini bisa Anda praktekan untuk melakukan optimasi website karena sudah tertulis dengan jelas dan lengkap.
6. Passed Audits
Nah yang terakhir berisi tentang apa saja yang sudah Anda lakukan optimasi.
Cukup Anda melakukan 6 saran yang diberikan oleh Google PageSpeed Insights untuk mendapatkan skor sempurna berwarna hijau.
Untuk bisa menyelesaikan semuanya tampaknya Anda setidaknya harus memahami pemrograman, karena isinya kebanyakan masalah teknis website.
Selain itu ada salah satu hal yang bisa Anda lakukan untuk mempercepat loading website yaitu dengan menggunakan hosting yang cepat.
Nah Kami memiliki rekomendasi WordPress Hosting dari Qwords yang sudah dioptimasi untuk keperluan website WordPress.
Cukup dengan biaya Rp 50.000/bulan Anda sudah bisa mendapatkan hosting dengan kecepatan yang tinggi.
Terima kasih
trimakasih tipsnya, langsung dicoba dan ternyata yg memperlambat kebanyakan dari tema
bisa cepat hijau semua tapi tampilan monoton, membosankan, karena animasi banyak dikurangi, dari mulai gambar, slider, efek.
Benar sekali kak,
Pastikan juga kualitas konten yang baik agar pengunjung datang ke website bisa bertahan dengan durasi lama.
Jangan lupa kalau butuh domain hosting bisa pesan di Qwords saja kak.
Terima kasih
Mohon dibuat cara optimasinya secara spesifik agar yang pemula seperti saya bisa lebih mudah memahami
Next ya kak nanti akan dibuatkan studi kasus secara langsung agar lebih jelas,
Kalau butuh domain hosting bisa pesan di Qwords.com ya kak.
Terima kasih