Skip to main content

Cara Menggunakan PageSpeed ​​Insights untuk Analisis Kecepatan Web

PageSpeed ​​Insights adalah alat online milik Google untuk mengukur kecepatan halaman dan menggunakan sarannya ​​untuk membuat situs web lebih cepat dengan skor terbaik. Juga alat dan informasi untuk membantu menganalisis dan mengoptimalkan serta membangun situs web berkinerja tinggi.

Versi PageSpeed ​​Insights saat ini adalah Versi 4 (v4) dari PageSpeed Insights API dirilis pada Januari 2018. Versi ini menambahkan skor kecepatan berdasarkan Laporan Pengalaman Pengguna Chrome dan menyempurnakan skor PSI asli sebagai skor pengoptimalan baru yang fokus utamanya adalah menyempurnakan ruang utama terkait.

Sudah lama sekali sekitar 3 tahun lalu saya mengecek kecepatan blog ini dan saat itu lumayan bagus dengan skor 90 keatas untuk tampilan Mobile dan pas kemarin iseng saya cek lagi rupanya performa skornya menurun menjadi 60-an saja untuk tampilan Mobile dan untuk tampilan Desktop lumayan mendapat skor 99.

Apa yang membuat skor perfomanya menurun dan loadingnya menjadi berat? Salah satu kemungkinannya adalah karena beberapa waktu lalu saya memasang Kode JS Google Analytics 4. Tapi belum saya tes untuk mencopotnya sementara dan mengecek kecepatannya kembali apakah itu memang penyebabnya? Nanti sajalah diurus, lagi malas ini hehe.

Apakah agan pembaca pernah juga ngecek-ngecek kecepatan blog? Berikut ini saya sertakan sedikit keterangan yang mempengaruhi kecepatan blog. 

Langkah-langkah Cara Menggunakan PageSpeed ​​Insights untuk Analisis Kecepatan Web:


1. Di Search Console, Tap Menu di pojok kiri atas dan pilih "Data Web Inti" lalu klik "PageSpeed ​​Insights".

Cara Menggunakan PageSpeed ​​Insights untuk Analisis Kecepatan Web

2. Setelah di klik biasanya akan langsung menganalisis alamat blog kita, dan terlihat skornya berapa.

Kalau blog ini skor 60-an dengan keterangan seperti berikut.

Cara Menggunakan PageSpeed ​​Insights untuk Analisis Kecepatan Web

Cara Menggunakan PageSpeed ​​Insights untuk Analisis Kecepatan Web


#METRIK

First Contentful Paint 1,9 dtk [FCP]
First Contentful Paint menandai waktu saat teks atau gambar pertama di-paint.

Time to Interactive 7,6 dtk.
Waktu untuk interaktif adalah lamanya waktu yang diperlukan halaman untuk menjadi interaktif sepenuhnya.

Speed Index 3,5 dtk.
Indeks Kecepatan menunjukkan seberapa cepat konten halaman terlihat terisi lengkap.

Total Blocking Time 290 md [TBT]
Jumlah semua jangka waktu antara FCP dan Waktu untuk Interaktif, ketika durasi tugas melebihi 50 md, dinyatakan dalam milidetik.

Largest Contentful Paint 5,3 dtk [LCP]
Largest Contentful Paint menandai waktu saat teks atau gambar terbesar di-paint.

Cumulative Layout Shift 0 [CLS]
Pergeseran Tata Letak Kumulatif (CLS) mengukur gerakan elemen yang terlihat dalam area pandang.

#DIAGNOSTIK

Kurangi waktu respons server awal 0,81 s
Pertahankan waktu respons server untuk dokumen utama tetap singkat karena semua permintaan lain bergantung padanya. [FCP LCP]

Tayangkan gambar dalam format generasi berikutnya 0,15 s
Format gambar seperti WebP dan AVIF sering kali memberikan kompresi yang lebih baik daripada PNG atau JPEG, yang berarti proses download yang lebih cepat dan konsumsi data yang lebih sedikit.

Kurangi JavaScript yang tidak digunakan 1,74 s
Mengurangi JavaScript yang tidak digunakan dan menunda pemuatan skrip sampai diperlukan untuk menurunkan byte yang digunakan oleh aktivitas jaringan. [LCP]

Kurangi dampak kode pihak ketiga Kode pihak ketiga memblokir thread utama untuk 270 ms
Kode pihak ketiga dapat memberikan dampak signifikan terhadap performa muatan. Batasi jumlah penyedia pihak ketiga yang berlebihan dan coba muat kode pihak ketiga terutama setelah halaman selesai memuat. [TBT]

Hindari document.write()
Untuk pengguna dengan koneksi lambat, skrip eksternal secara dinamis dimasukkan melalui `document.write()` dapat menunda pemuatan halaman selama puluhan detik.

Tayangkan aset statis dengan kebijakan cache yang efisien (28 resource ditemukan).
Durasi cache yang panjang dapat mempercepat kunjungan berulang ke halaman Anda.

First Contentful Paint (3G) (3960 ms)
First Contentful Paint 3G marks the time at which the first text or image is painted while on a 3G network.

Hindari perantaian permintaan penting (3 rantai ditemukan).
Rantai Permintaan Penting di bawah menampilkan resource apa saja yang dimuat dengan prioritas tinggi. Sebaiknya kurangi panjang rantai, kurangi ukuran download resource, atau tunda download resource yang tidak penting untuk mempercepat pemuatan halaman. [FCP LCP]

Pertahankan jumlah permintaan tetap rendah dan ukuran transfer tetap kecil (63 permintaan • 956 KiB).
Untuk mengatur anggaran jumlah dan ukuran resource halaman, tambahkan file budget.json.

Elemen Largest Contentful Paint (LCP) (1 elemen ditemukan).
Ini adalah elemen contentful terbesar yang di-paint dalam area pandang. [LCP]

Hindari tugas thread utama yang berjalan lama (9 tugas berjalan lama).
Mencantumkan tugas yang berjalan paling lama di thread utama, berguna untuk mengidentifikasi kontributor utama penundaan input. [TBT]

Demikian guys, postingan ini hanya dokumentasi blog ini saja.

Artikel Terkait:

Comments