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.
2. Setelah di klik biasanya akan langsung menganalisis alamat blog kita, dan terlihat skornya berapa.
Artikel Terkait:
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".
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.
#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.
- Cara Perbaiki Error 5xx dan Peringatan Di Search Console
- Diindeks, meski diblokir oleh robots.txt di Search Console?
- Cara Mendaftarkan Website ke Google Search Console
- Cara Menambahkan Peta Situs (Sitemap) ke Search Console
- Cara Menggunakan PageSpeed Insights untuk Analisis Kecepatan Web
- Cara Meminta Penghapusan URL dan Gambar dari Hasil Penelusuran
- Cara Mengetahui Apakah ada Masalah Keamanan pada Situs ataukah Terkena Tindakan Manual Oleh Google
- Cara Mengaitkan Google Search Console dan Google Analytics
- Cara Memasang Google Analytics 4 (GA4) di Blogger
Comments
Post a Comment
Jika ada hal yang kurang jelas, misalnya tips dan trik yang tidak berfungsi, ulasan yang sudah usang, meski mengetahui ada ulasan yang memerlukan pembaruan terkadang kami malas untuk memperbaruinya, jadi silakan tanyakan saja melalui kolom komentar dan akan kita bahas bersama. Regards!