Mulakan penambahbaikan Core Web Vitals dengan mencari apa yang melambatkan kandungan utama, mengubah susun atur atau menyekat interaksi pada halaman sebenar. Ukur dahulu, kemudian ubah punca yang dapat disahkan. Jangan mengejar satu skor makmal sebagai matlamat tunggal.

Kenali tiga metrik

  • LCP mengukur masa sehingga unsur kandungan terbesar dipaparkan. Sasaran baik: 2.5 saat atau kurang.
  • INP mengukur respons terhadap interaksi. Sasaran baik: kurang daripada 200 milisaat.
  • CLS mengukur perubahan susun atur yang tidak dijangka. Sasaran baik: 0.1 atau kurang.

Google menilai metrik ini menggunakan data lapangan pada persentil ke-75. Rujuk dokumentasi Core Web Vitals Google, laporan Search Console atau CrUX apabila data tersedia. Ujian makmal berguna untuk diagnosis tetapi tidak mewakili semua peranti, rangkaian dan pelawat. INP menggantikan FID sebagai metrik interaktiviti.

Diagnosis LCP

first contentful paint fcp first input delay fid largest content paint lcp cumulative layout shift (cls)
Kenal pasti unsur LCP pada halaman dan pecahkan masa kepada respons pelayan, kelewatan muat turun, masa muat dan kelewatan rendering.

Kenal pasti unsur LCP pada halaman dan pecahkan masa kepada respons pelayan, kelewatan muat turun, masa muat dan kelewatan rendering. Baiki bahagian yang paling lambat. Semak cache, respons backend, imej hero, CSS yang menghalang rendering dan skrip pihak ketiga. Jangan lazy-load imej yang diperlukan untuk paparan awal.

Diagnosis INP

Gunakan alat prestasi untuk mencari tugas JavaScript yang panjang, event handler berat atau kemas kini UI yang lambat. Pecahkan kerja, kurangkan skrip yang tidak perlu dan elakkan kerja segerak yang menyekat respons. Uji menu, carian, borang dan kawalan yang digunakan pengunjung.

Diagnosis CLS

Semak imej tanpa dimensi, iklan, fon web, banner dan kandungan yang disisipkan selepas halaman mula dipaparkan. Tetapkan ruang atau saiz untuk elemen apabila boleh. Gunakan font-display dan strategi fon yang diuji agar pertukaran fon tidak menyebabkan pergerakan yang mengganggu.

Proses WordPress

Uji pada staging. Kenal pasti sama ada punca datang daripada tema, plugin, hosting, pangkalan data, media atau skrip. Tukar satu komponen pada satu masa dan sahkan aliran penting, termasuk checkout. Alat cache atau pengoptimuman boleh memberi kesan berbeza mengikut sistem; semak keserasian sebelum digunakan di produksi.

Soalan lazim

Adakah skor PSI 100 diperlukan?

Tidak. Utamakan pengalaman pengguna dan data lapangan. Skor makmal boleh berubah mengikut keadaan ujian.

Adakah Core Web Vitals menjamin ranking?

Tidak. Google menyatakan Core Web Vitals digunakan oleh sistem ranking, tetapi metrik yang baik tidak menjamin kedudukan tertentu.

Berapa lama untuk melihat perubahan?

Hasil ujian makmal boleh dilihat selepas perubahan. Data lapangan memerlukan trafik dan masa untuk mencerminkan pengalaman sebenar.