Đọc Web Vitals để ưu tiên tối ưu đúng chỗ
Cách đọc LCP, CLS, INP và biến chỉ số hiệu năng thành backlog cải thiện sản phẩm.
Admin··1 phút đọc
Không tối ưu theo cảm giác
Web Vitals giúp bạn nhìn performance từ góc độ người dùng thật. Thay vì đoán trang chậm ở đâu, hãy dùng dữ liệu để ưu tiên.
LCP
LCP phản ánh tốc độ hiển thị nội dung chính. Ảnh hero, font, server response và render-blocking resource thường là nguyên nhân phổ biến.
CLS
CLS đo độ ổn định layout. Hãy đặt kích thước ảnh, tránh inject banner muộn và giữ không gian cho component tải bất đồng bộ.
INP
INP liên quan đến độ phản hồi sau tương tác. JavaScript nặng, event handler phức tạp và hydration quá nhiều có thể làm INP xấu đi.
Bài viết liên quan
React Server Components: Khi nào nên tách Client Component?
Cách quyết định phần nào nên chạy ở server, phần nào cần client state, event handler hoặc browser API.
Lập Product Roadmap cho SaaS giai đoạn đầu
Cách ưu tiên roadmap dựa trên insight khách hàng, effort, rủi ro và mục tiêu kinh doanh.
Tối ưu trang tìm kiếm nội bộ cho Blog
Những điểm cần chú ý khi xây dựng search page: UX, hiệu năng, empty state và đo lường truy vấn.