Tối ưu hiệu năng web: những việc làm trước tiên

Hiệu năng không chỉ là “điểm số”. Mỗi giây chậm thêm làm giảm chuyển đổi và SEO. Đây là những việc mang lại hiệu quả cao nhất mà tôi áp dụng cho mọi dự án.

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

Đừng đoán. Dùng Lighthouse, WebPageTest hoặc Chrome DevTools để tìm nút thắt thật sự. Thường thì chỉ 1–2 vấn đề chiếm 80% vấn đề.

2. Hạn chế JavaScript

JS là thứ đắt nhất để tải và xử lý. Hủy bỏ hoặc trì hoãn script không cần thiết, dùng lazy-load cho những thành phần dưới viewport.

3. Tối ưu hình ảnh

WebP/AVIF, nén đúng mức, kích thước khớp với nơi hiển thị, loading="lazy". Những điều nhỏ này cộng lại rất lớn.

4. Render phía server / tĩnh

Nếu có thể, hãy giao HTML tĩnh thay vì render trên client. Đây là lý do các framework như Astro sinh ra.

5. Cache tốt

Cache đúng HTTP headers, dùng CDN. 90% thời gian tải web thường nằm ở mạng — Cache giúp bạn tránh việc đó.

Bắt đầu với việc đo lường, xử lý top 3 vấn đề, rồi đo lại. Lặp lại quy trình đó — bạn sẽ đạt trang nhanh bền vững.