Tối ưu Core Web Vitals cho website doanh nghiệp
Ba chỉ số quyết định trải nghiệm và thứ hạng SEO — và cách tụi mình đưa điểm Lighthouse lên 95+.
Người dùng bỏ trang ngay trong ba giây đầu nếu nó tải chậm. Google biết rõ chuyện đó, và từ 2021 đã đưa Core Web Vitals thành yếu tố xếp hạng. Với website doanh nghiệp, tốc độ hết còn là chuyện kỹ thuật — nó là doanh thu.
Ba chỉ số cần thuộc lòng
LCP đo thời gian phần tử lớn nhất hiện ra. INP đo độ trễ khi người dùng tương tác. CLS đo mức độ layout nhảy. Một trang chạy tốt cần LCP dưới 2.5 giây, INP dưới 200ms và CLS dưới 0.1.
- LCP — tối ưu ảnh và ưu tiên tải nội dung trên màn hình đầu.
- INP — chia nhỏ JavaScript, tránh chặn luồng chính.
- CLS — đặt kích thước cố định cho ảnh, font và quảng cáo.
Cách tụi mình đạt 95+
Tụi mình bắt đầu từ kiến trúc: server-side rendering, tách bundle theo route và lazy-load mọi thứ dưới màn hình đầu. Ảnh phục vụ định dạng AVIF/WebP đúng kích thước thiết bị; font tải với font-display: swap để chữ hiện ra liền.
Hiệu năng đâu phải làm một lần là xong. Nó là kỷ luật trong từng pull request.
— Huy Nguyễn
Sau rốt, tụi mình gắn giám sát thực tế (RUM) để theo dõi chỉ số trên thiết bị người dùng thiệt, chớ không riêng trong phòng lab. Đó là khác biệt giữa một con số đẹp và một trải nghiệm nhanh thiệt sự.
Tám năm lo tối ưu hiệu năng web cho sản phẩm quy mô lớn. Tin chắc tốc độ cũng là một tính năng.