Checklist Performance cho Website Nội Dung

Đo trước khi tối ưu

Performance optimization nên bắt đầu bằng dữ liệu. Dùng Lighthouse, WebPageTest hoặc dữ liệu thực từ analytics để xác định điểm nghẽn thật sự.

Core Web Vitals

LCP thường bị ảnh hưởng bởi ảnh hero, font và server response. CLS thường đến từ ảnh thiếu kích thước, ad slot hoặc nội dung được inject muộn.

Tối ưu hình ảnh

Dùng kích thước ảnh phù hợp, định dạng hiện đại và lazy loading cho ảnh ngoài viewport. Với Next.js, hãy dùng Image component khi nguồn ảnh được cấu hình hợp lệ.

JavaScript budget

Website nội dung không nên tải quá nhiều JavaScript ở lần truy cập đầu. Tách các widget tương tác và chỉ hydrate khi cần thiết.

Caching

Cache tốt giúp giảm tải server và cải thiện TTFB. Hãy đặt revalidation phù hợp cho nội dung blog, danh mục và trang tìm kiếm.