Strategi dan teknik utama untuk mengurangkan nilai Cumulative Layout Shift (CLS) di laman web adalah:
-
Tetapkan dimensi tetap untuk gambar dan video dengan menggunakan atribut
width
danheight
supaya ruang elemen sudah disediakan sebelum ia dimuat, mengelakkan pergeseran tata letak secara tiba-tiba. -
Gunakan placeholder atau ruang sementara untuk elemen dinamik seperti iklan supaya tidak menyebabkan pergeseran ketika elemen tersebut dimuat.
-
Kurangkan jumlah iklan dalam laman web kerana iklan sering menjadi punca utama pergeseran tata letak dan memperlahankan masa muat halaman. Jika iklan perlu ada, pastikan ia dioptimumkan dan diletakkan pada posisi tetap supaya tidak mengganggu elemen lain.
-
Optimakan pemuatan font dengan menggunakan CSS
font-display: swap;
untuk mengelakkan perubahan font yang menyebabkan pergeseran. -
Kurangkan penggunaan elemen JavaScript yang mengubah DOM secara dinamik kerana elemen JavaScript yang berlebihan boleh menyebabkan pergeseran dan memperlahankan laman web.
-
Gunakan teknik bfcache (back-forward cache) untuk memastikan halaman web disimpan dalam memori browser dan dikembalikan dalam keadaan stabil ketika pengguna kembali ke halaman tersebut, mengurangkan nilai CLS secara signifikan.
-
Elakkan animasi yang menyebabkan perubahan besar pada tata letak dan gunakan animasi yang tidak mengganggu kestabilan visual halaman.
-
Pantau nilai CLS secara berkala menggunakan alat seperti Google PageSpeed Insights, Lighthouse, atau Chrome Web Vitals Extension untuk mengenal pasti dan memperbaiki isu CLS.
Nilai CLS yang dianggap baik adalah kurang daripada 0.1, dan pengurangan nilai CLS bukan sahaja meningkatkan pengalaman pengguna tetapi juga memberi kesan positif kepada SEO kerana CLS adalah salah satu metrik Core Web Vitals yang diambil kira oleh Google dalam penarafan carian.
Dengan mengaplikasikan strategi-strategi ini, pemilik laman web dapat memastikan halaman mereka lebih stabil, mesra pengguna, dan berprestasi baik dari segi SEO.
Malay Ranking menawarkan perkhidmatan trafik laman web berkualiti tinggi di Malaysia. Kami menyediakan pelbagai jenis perkhidmatan trafik untuk pelanggan kami, termasuk trafik laman web, trafik desktop, trafik mudah alih, trafik Google, trafik carian, trafik eDagang, trafik YouTube, dan trafik TikTok. Laman web kami mempunyai kadar kepuasan pelanggan 100%, jadi anda boleh membeli trafik SEO dalam jumlah besar secara dalam talian dengan yakin. Hanya dengan 720 PHP sebulan, anda boleh meningkatkan trafik laman web serta-merta, memperbaiki prestasi SEO, dan melonjakkan jualan!
Sukar memilih pakej trafik yang sesuai? Hubungi kami dan staf kami akan membantu anda.
Konsultasi percuma