Ba chỉ số còn lại
- LCP: phần nội dung lớn nhất xuất hiện. Hero ảnh 2MB là thủ phạm phổ biến.
- INP: thời gian từ tap/click đến phản hồi. JS nặng, hydration toàn trang, animation 60Hz trên thread chính.
- CLS: layout nhảy. Font swap, ảnh không gán size, banner chèn muộn.
Website bán hàng chết vì LCP chậm trên điện thoại 4G Việt Nam, không vì thiếu parallax.
Việc làm trước khi “tối ưu SEO”
- 01Ảnh đúng kích thước render — không gửi 1536px cho ô 280px
- 02Font:
display: optionalhoặc subset; đừng block text 3 giây - 03Hydration: đừng đưa WebGL / carousel nặng xuống mobile nếu không dùng
- 04Ưu tiên HTML của giá, CTA, form — chúng phải có trong HTML gốc, không đợi JS đếm từ 0
- 05Đo trên field data (CrUX / Search Console), không chỉ lab
Thiết kế không phải kẻ thù
Cinematic được phép nếu canvas không chặn text, và mobile có bản tĩnh. ToanKhonTech tách R3F khỏi điện thoại chính vì lý do này: điểm 100 Lighthouse không mua được nếu hero 6MB.
Kết luận
Vitals là điều kiện cần để Google xem bạn. Nội dung và intent mới là điều kiện đủ để xếp hạng. Sửa file ảnh trước khi mua tool SEO.
#Core Web Vitals#LCP#INP#SEO kỹ thuật#tốc độ website