PageSpeed Insights melaporkan performa nyata halaman atau origin untuk perangkat seluler dan desktop, serta memberikan saran tentang cara meningkatkan performa halaman saat menganalisis satu halaman.
Skor Kecepatan
PageSpeed Insights menggabungkan data dari Laporan Pengalaman Pengguna Chrome (CrUX) untuk menampilkan data performa nyata tentang halaman atau origin. PSI melaporkan dua metrics: First Contentful Paint (FCP) dan DOMContentLoaded (DCL).
Nilai median untuk setiap metrik (FCP atau DCL) dibandingkan dengan semua halaman yang dipantau oleh laporan CrUX. Setiap metrik diberi kategori, bergantung pada nilainya dalam distribusi:
- Cepat: Nilai median metrik berada pada sepertiga tercepat dari semua pemuatan halaman.
- Lambat: Nilai median metrik berada pada sepertiga terlambat dari semua pemuatan halaman.
- Rata-rata: Nilai median dari metrik berada pada sepertiga menengah dari semua pemuatan halaman.
Skor Kecepatan keseluruhan dihitung dengan melihat kategori untuk setiap metrik:
- Cepat: Jika setiap metrik halaman/origin adalah Cepat.
- Lambat: Jika setiap metrik halaman/origin adalah Lambat.
- Rata-rata: Semua kasus lain.
Distribusi Pemuatan Halaman
Bagian Distribusi Pemuatan Halaman menampilkan distribusi metrik FCP dan DCL dalam kumpulan data CrUX.
- Origin: Data kecepatan gabungan dari semua halaman yang ditampilkan dari origin ini.
- Halaman: Data kecepatan 1 halaman.
Distribusi untuk setiap metrik dibagi menjadi 3 kategori: Cepat (sepertiga tercepat), Rata-rata (sepertiga menengah), dan Lambat (sepertiga terbawah). Distribusi ini diperbarui setiap hari.
Skor Pengoptimalan
PageSpeed Insights hanya melaporkan informasi pengoptimalan saat menganalisis 1 halaman.
PSI mengevaluasi seberapa baik halaman mengikuti praktik terbaik performa umum dan menentukan skor dari 0-100 yang memperkirakan ruang utama performanya. Fitur ini mengevaluasi apakah halaman dapat meningkatkan performanya dalam 2 area:
- waktu pemuatan paruh atas: Waktu yang berlalu sejak pengguna meminta halaman baru hingga saat konten paruh atas dirender oleh browser.
- waktu pemuatan halaman penuh: Waktu yang berlalu sejak pengguna meminta halaman baru sampai browser merender halaman secara penuh.
Skor dikategorikan sebagai Baik, Sedang, atau Buruk. Penghitungannya menganggap bahwa developer ingin menjaga tampilan dan fungsi halaman yang sama.
- Baik: Halaman menerapkan sebagian besar praktik terbaik performa dan terdapat ruang utama kecil untuk pengoptimalan lebih lanjut. Skor halaman 80 ke atas.
- Sedang: Halaman tidak memiliki beberapa pengoptimalan performa umum dan terdapat ruang utama yang berukuran sedang untuk pengoptimalan. Skor halaman antara 60 hingga 79.
- Buruk: Halaman tidak dioptimalkan dan terdapat ruang utama yang cukup besar untuk pengoptimalan. Skor halaman antara 0 hingga 59.
Skor pengoptimalan memperkirakan ruang utama performa halaman. Halaman dengan kecepatan lambat mungkin memiliki skor pengoptimalan yang tinggi karena rasio resource yang memblokir perenderannya rendah, dibandingkan dengan total resource yang digunakan oleh halaman. Di sisi lain, halaman yang cepat mungkin memiliki skor pengoptimalan yang buruk karena jumlah resource yang memblokir perenderannya tinggi, dibandingkan dengan total resource-nya.
Statistik Halaman
Bagian ini menjelaskan tentang round-trip yang diperlukan untuk memuat resource yang memblokir perenderan halaman, total byte yang digunakan oleh halaman, serta perbandingannya dengan jumlah median round-trip dan byte yang digunakan dalam kumpulan data. Informasi tersebut dapat menunjukkan apakah performa halaman mungkin lebih cepat dengan mengubah tampilan dan fungsi halaman.
Saran Pengoptimalan
Berikut adalah daftar praktik terbaik yang dapat diterapkan di halaman ini. Jika performa halaman cepat, saran ini disembunyikan secara default, karena halaman tersebut sudah berada di sepertiga teratas dari semua halaman dalam kumpulan data, sehingga perbaikan lebih lanjut mungkin tidak diperlukan.
Karena performa koneksi jaringan sangat bervariasi, pengoptimalan menangani aspek performa halaman yang tidak bergantung pada jaringan: konfigurasi server, struktur HTML halaman, dan penggunaan resource eksternalnya seperti gambar, JavaScript, dan CSS. Menerapkan saran akan meningkatkan performa relatif dari halaman. Namun, keseluruhan performa halaman masih akan bergantung pada sambungan jaringan pengguna.
Performa kecepatan dipengaruhi oleh berbagai faktor, namun 2 di antaranya paling penting:
- Round-trip yang memblokir rendering : Round-trip yang diperlukan untuk menampilkan resource yang memblokir perenderan. Jika sebagian besar resource di halaman memblokir perenderan, PageSpeed Insights akan menganggap halaman memiliki ruang utama pengoptimalan yang besar. Developer dapat mempelajari aturan Menghindari Pengalihan Halaman Landing, Menghilangkan CSS dan JavaScript yang Memblokir Perenderan, Memanfaatkan Cache Browser, Memprioritaskan konten yang terlihat, dan Mengurangi Waktu Respons Server untuk pengoptimalan.
- Ukuran respons: Total ukuran respons, termasuk resource utama HTML dan semua sub-resource. Jika sebagian besar isi respons dapat dihilangkan dengan kompresi atau minifikasi, PageSpeed Insights menganggap bahwa halaman memiliki ruang utama pengoptimalan yang besar. Developer dapat mempelajari aturan Aktifkan Kompresi, Minifikasi Resource, dan Optimalkan Gambar untuk pengoptimalan.
Ada pertanyaan?
Jika Anda memiliki pertanyaan tentang PageSpeed Insights, lihat FAQ kami atau posting pesan ke grup diskusi kami.