Laporan perbaikan

Laporan Perbaikan Performa

Kami memuat tiga halaman penting Anda (di toko online: beranda, koleksi, dan produk) sebagai ponsel kelas menengah dengan 4G lambat, menambahkan data pengguna nyata dari Google jika traffic situs Anda cukup, dan menunjukkan apa yang memperlambat setiap halaman beserta perbaikannya secara berurutan.

  • Uji lab seluler (LCP, CLS, TBT)
  • Data pengguna nyata Google jika tersedia
  • Gambar dan skrip terberat

Yang kami periksa

  • Largest Contentful Paint

    Berapa lama konten utama muncul di ponsel yang kecepatannya dibatasi, dibandingkan dengan ambang batas 2,5 detik.

  • Pergeseran tata letak

    Apakah konten berpindah-pindah saat dimuat, dibandingkan dengan ambang batas 0,1.

  • Total Blocking Time

    Berapa lama skrip membuat halaman tidak responsif, sebagai pengganti di lab untuk Interaction to Next Paint.

  • Data pengguna nyata

    LCP, INP, dan CLS pada persentil ke-75 dari Chrome UX Report milik Google, jika traffic situs Anda cukup untuk tercantum di sana.

  • Gambar berat dan terlalu besar

    Gambar di atas 150 KB, atau jauh lebih besar daripada ukuran tampilannya, serta gambar utama yang dimuat secara lazy load.

  • Bobot halaman dan permintaan

    Ukuran unduhan total, jumlah permintaan, dan porsi yang berasal dari pihak ketiga.

  • File yang memblokir render

    Skrip dan stylesheet yang menahan tampilan pertama (first paint).

Yang Anda dapatkan

  • Angka hasil pengukuran untuk setiap halaman, beserta ambang batasnya
  • File terberat di setiap halaman, berdasarkan ukuran
  • Perbaikan yang diurutkan berdasarkan dampak, ditulis untuk platform Anda
  • Prompt AI siap pakai untuk setiap temuan
  • PDF untuk dibagikan kepada developer Anda

Cara laporan dibuat

  1. 1

    Setiap halaman dimuat di browser baru yang mengemulasi ponsel kelas menengah, dengan 4G lambat (latensi 150 ms, 1,6 Mbps) dan CPU 4× lebih lambat.

  2. 2

    Chrome UX Report dari Google dikueri untuk mendapatkan data pengguna nyata dari origin Anda.

  3. 3

    Penyebabnya diurutkan berdasarkan seberapa besar dampaknya, lalu ditulis beserta perbaikannya.

Temuan dari contoh laporan

Hasil nyata untuk Harbor & Pine, toko fiktif yang kami buat dengan masalah-masalah umum.

Buka contoh laporan lengkap
  • Problem

    The main content appears slowly on phones

    Largest Contentful Paint reached {time} on {path} in our phone test (good is under 2.5 s).{"time":"{s} s{\"s\":{\"$num\":8.3,\"digits\":1}}","path":"/products/trail-daypack"}

    Fix: Start with the largest image or banner at the top of the page (see the findings below).

  • Problem

    The main image is lazy-loaded

    On {n} page(s) the largest image at the top has {attribute}, which delays it.{"n":1,"attribute":"loading=\"lazy\""}

    Fix: Load the first, largest image eagerly and give it high fetch priority; keep lazy loading for images further down.

  • Problem

    Images larger than they need to be

    {n} image(s) are heavy (over 150 KB) or much wider than they are shown.{"n":2}

    Fix: Upload product and banner images at sensible sizes (around 2000 px wide is plenty) instead of camera originals.

Yang tidak dicakup

  • Kecepatan di desktop
  • Konfigurasi server dan hosting
  • Skor yang dijamin: hasil lab bervariasi antar-pengujian

Pertanyaan tentang laporan ini

Mengapa diuji di ponsel yang lambat?

Banyak kunjungan terjadi di ponsel, dan Core Web Vitals dari Google diukur terpisah untuk seluler. Ponsel yang kecepatannya dibatasi menampakkan masalah yang tersembunyi di laptop yang cepat.

Bagaimana jika situs saya tidak punya data Chrome UX Report?

Situs yang lebih kecil sering kali belum punya cukup traffic untuk tercantum di sana. Laporan kemudian mengandalkan uji lab dan menyebutkannya.

Apakah INP diukur?

INP memerlukan interaksi nyata, jadi angkanya berasal dari data pengguna nyata Google jika tersedia. Uji lab melaporkan Total Blocking Time, yang mencerminkan masalah yang sama.

Apakah skor PageSpeed saya akan sama?

Tidak persis. Hasil lab bervariasi antar-pengujian dan setiap alat memakai pengaturan yang sedikit berbeda, tetapi penyebab yang ditunjukkannya sama.

Panduan terkait

Laporan lainnya

Pindai website Anda hari ini

Temukan. Perbaiki. Verifikasi.

Ini situs web jenis apa?

Jawaban Anda memilih pemeriksaan yang tepat, seperti alur belanja untuk toko online. Kami tetap memeriksa bukti dari situs itu sendiri dan menampilkan keduanya.

Ini situs web jenis apa?

Pemindaian gratis. Tidak perlu kartu kredit.