Test Loading Blog Menggunakan Google Page Insights

PageSpeed ​​Insights melaporkan performa nyata halaman untuk perangkat seluler dan desktop serta memberikan saran tentang cara meningkatkan performa halaman tersebut.

Skor Kecepatan

PageSpeed Insights menggabungkan data dari Laporan Pengalaman Pengguna Chrome (CrUX) untuk menampilkan data performa nyata tentang halaman. PSI melaporkan 2 metrik: 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.

Keseluruhan skor Kecepatan dihitung dengan melihat kategori untuk setiap metrik:

Cepat: Jika setiap metrik halaman adalah Cepat.

Lambat: Jika setiap metrik halaman adalah Lambat.

Rata-rata: Semua kasus lain.

Distribusi Pemuatan Halaman

Bagian Distribusi Pemuatan Halaman menyajikan distribusi metrik FCP dan DCL dari halaman ini di kumpulan data CrUX. Distribusi untuk setiap metrik dibagi menjadi 3 kategori: Cepat (sepertiga tercepat), Rata-rata (sepertiga menengah), dan Lambat (sepertiga terbawah). Distribusi ini diperbarui setiap minggu.

Skor Pengoptimalan

PageSpeed Insights 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 medium 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 memiliki rasio resource memblokir perenderan yang rendah, dibandingkan dengan total resource yang digunakan oleh halaman. Di sisi lain, halaman yang cepat mungkin memiliki skor pengoptimalan yang buruk karena memiliki jumlah resource memblokir perenderan yang tinggi, dibandingkan dengan total resource-nya.

Statistik Halaman

Bagian ini menjelaskan tentang proses perjalanan yang diperlukan untuk memuat resource yang memblokir perenderan halaman, total byte yang digunakan oleh halaman, serta perbandingannya dengan jumlah median perjalanan 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 sambungan jaringan sangat bervariasi, pengoptimalan menangani aspek performa halaman yang tidak terkait dengan jaringan: konfigurasi server, struktur HTML halaman, dan penggunaan resource eksternalnya seperti gambar, JavaScript, dan CSS. Menerapkan saran seharusnya akan meningkatkan performa halaman secara relatif. Namun, keseluruhan performa halaman masih akan bergantung pada sambungan jaringan pengguna.

Performa kecepatan dipengaruhi oleh berbagai faktor, namun 2 di antaranya paling penting:

- Perenderan memblokir perjalanan : Perjalanan diperlukan untuk menayangkan 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 menyelidiki aturan Hindari Pengalihan Halaman Landing, Hilangkan CSS dan JavaScript yang memblokir Perenderan, Tingkatkan Penyimpanan ke Cache Browser, Prioritaskan konten terlihat, dan Kurangi 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 menyelidiki aturan Aktifkan Kompresi, Minifikasi Resource, dan Optimalkan Gambar untuk mendapatkan pengoptimalan.

__________________________________________
Baca Juga :
1. Test Loading Blog Menggunakan Pingdom Website Speed Test
2. Test Loading Blog Menggunakan GTmatrix
---------------------------------------------------------------

Referensi : - PageSpeed Insights (developers.google.com)

Tweet

Subscribe to receive free email updates: