Ujian kelajuan laman

Ujian kelajuan laman

Panduan dan senarai semak Core Web Vitals (LCP, CLS, INP) serta faktor yang mempengaruhi kelajuan laman.

Alat · Prestasi

Kelajuan laman diukur melalui Core Web Vitals, tiga metrik yang digunakan Google: LCP (kelajuan elemen utama dimuatkan), CLS (kestabilan reka letak semasa pemuatan) dan INP (kelajuan laman bertindak balas terhadap interaksi). Panduan ini menunjukkan apa yang mempengaruhi setiap metrik dan apa yang perlu disemak untuk laman yang pantas.

  • LCP (Largest Contentful Paint): masa pemuatan elemen visual utama. Sasaran: bawah 2.5 saat.
  • CLS (Cumulative Layout Shift): kestabilan reka letak. Sasaran: bawah 0.1.
  • INP (Interaction to Next Paint): kereaktifan terhadap interaksi. Sasaran: bawah 200 ms.
  • Dipengaruhi oleh: saiz imej, fon, skrip luaran dan dimensi yang ditetapkan.

Bagaimana ia berfungsi?

Ukur titik permulaan anda dengan alat seperti PageSpeed Insights atau Lighthouse — ia memberikan skor LCP, CLS dan INP bagi halaman yang diuji.

Untuk LCP yang baik: optimumkan dan mampatkan imej, muatkan imej utama (hero) dengan keutamaan dan elakkan skrip yang menyekat pemaparan.

Untuk CLS yang baik: tetapkan dimensi tetap bagi imej dan iklan serta muatkan fon dengan "display: swap" supaya teks tidak melompat.

Untuk INP yang baik: kurangkan JavaScript yang dilaksanakan semasa interaksi dan tangguhkan skrip tidak penting sehingga selepas pemuatan awal.

Soalan lazim

Apakah Core Web Vitals?

Core Web Vitals ialah tiga metrik pengalaman Google: LCP (kelajuan memuatkan kandungan utama), CLS (kestabilan visual) dan INP (kereaktifan terhadap interaksi). Ia merupakan faktor kedudukan dalam carian.

Sepantas mana laman patut dimuatkan?

Sasaran disyorkan ialah: LCP bawah 2.5 saat, CLS bawah 0.1 dan INP bawah 200 milisaat. Dalam nilai ini, Google menganggap pengalaman itu "baik".

Apakah yang paling kerap melambatkan laman?

Punca biasa ialah imej besar yang tidak dimampatkan, terlalu banyak skrip luaran (sembang, analitik, iklan), fon yang dimuatkan secara menyekat dan ketiadaan dimensi tetap bagi imej, yang menyebabkan anjakan reka letak.

Bagaimana saya menyemak kelajuan laman saya?

Gunakan alat percuma seperti Google PageSpeed Insights atau Lighthouse (terbina dalam Chrome). Masukkan alamat halaman dan anda akan mendapat skor Core Web Vitals serta cadangan pembetulan yang konkrit.

Alat berkaitan

Bina laman web anda dengan 4buildsite

Laman pendaratan, kedai dalam talian atau pasar dalam talian — dioptimumkan untuk AI, GEO dan SEO sejak awal, tanpa agensi.

Lihat harga →