Thiết Kế Website
Test Tốc Độ Website: Cách Đạt PageSpeed 90+ & Core Web Vitals
22
Th10
Th10
Tốc độ website ảnh hưởng trực tiếp đến thứ hạng SEO, tỷ lệ chuyển đổi và chi phí quảng cáo. Google dùng tốc độ làm tín hiệu trải nghiệm trang; người dùng rời trang nếu chờ quá 3 giây. Bài viết này hướng dẫn cách test và đưa chỉ số lên ngưỡng “xanh” một cách bài bản.
Vì sao tốc độ website quan trọng
- SEO: Google đánh giá trải nghiệm trang như một tín hiệu xếp hạng, đặc biệt trên tìm kiếm di động.
- Chuyển đổi: nhiều nghiên cứu cho thấy mỗi 1 giây tăng thêm làm tỷ lệ chuyển đổi giảm 7 – 20%.
- Chi phí quảng cáo: trả thêm cho mỗi lượt xem trên một trang chậm là lãng phí.
- Trải nghiệm người dùng: người dùng Việt chủ yếu truy cập qua điện thoại và mạng di động — nơi tốc độ dễ tụt nhất.
3 công cụ test tốc độ nên dùng
| Công cụ | Dùng để làm gì | Ưu điểm |
|---|---|---|
| PageSpeed Insights (Google) | Chấm điểm và chỉ ra nguyên nhân chậm | Chính xác với tiêu chí xếp hạng của Google, có dữ liệu người dùng thực |
| GTmetrix | Phân tích sâu từng yếu tố: waterfall, request, render | Chi tiết, dễ tìm điểm nghẽn |
| WebPageTest | Test từ nhiều vị trí và nhiều thiết bị thật | Chọn được mạng Việt Nam, đo video quá trình tải |
| Chrome DevTools (Lighthouse) | Test ngay trong trình duyệt | Miễn phí, đã có sẵn |
Lưu ý: PageSpeed Insights hiển thị đồng thời dữ liệu thực (Field Data) và dữ liệu lab (Lighthouse). Nếu website mới chưa có lưu lượng, hãy tập trung vào điểm Lighthouse.
3 chỉ số Core Web Vitals cần nắm
| Chỉ số | Đo cái gì | Ngưỡng tốt | Ngưỡng cần cải thiện |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Thời gian hiển thị khối nội dung lớn nhất (thường là ảnh hero) | < 2,5 giây | > 4 giây |
| INP (Interaction to Next Paint) | Độ trễ khi người dùng bấm/nhập và trang phản hồi | < 200ms | > 500ms |
| CLS (Cumulative Layout Shift) | Mức độ xê dịch bố cục khi trang đang tải | < 0,1 | > 0,25 |
CLS thường bị gây ra bởi ảnh chưa đặt kích thước, quảng cáo/iframe không có chỗ dành trước và font tải muộn. INP bị ảnh hưởng bởi JavaScript nặng và các plugin chạy liên tục.
10 cách tối ưu tốc độ website hiệu quả nhất
- Nén và chuyển ảnh sang WebP/AVIF. Giảm 60 – 80% dung lượng, tác động lớn nhất tới LCP.
- Đặt kích thước cho mọi ảnh. Giải quyết CLS và ngăn layout shift.
- Bật lazy load cho ảnh và video nằm ngoài màn hình đầu tiên.
- Dùng cache trang (plugin cache hoặc cache server). Lần xem thứ hai tải gần như tức thì.
- Bật CDN. Phân phối tài nguyên tĩnh từ server gần người dùng.
- Gộp và rút gọn CSS/JS. Gộp file, loại bỏ thư viện không dùng, trì hoãn script không cần thiết.
- Giảm số plugin. Mỗi plugin là một lần gọi thêm tới server. Dùng 10 – 15 plugin chất lượng hơn 30 plugin.
- Chuyển font sang system font hoặc tải font cục bộ, có font-display: swap.
- Loại bỏ widget và script không cần thiết (chat bloat, nhiều lớp chia sẻ, pop-up).
- Tối ưu cơ sở dữ liệu khi site nhiều bài: dọn revision, cron, bảng tạm, và dùng object cache.
Checklist nhanh trước khi bàn giao website
- PageSpeed Insights trên cả mobile và desktop đạt từ 90 điểm.
- LCP < 2,5s, INP < 200ms, CLS < 0,1 trên dữ liệu thực.
- Không có request lỗi 404 trong tab Network.
- Kiểm tra trên mạng di động 4G, không chỉ Wi-Fi.
- Kiểm tra trên iPhone và Android, cả Safari lẫn Chrome.
- Ảnh trang đầu tiên được preload, các ảnh còn lại lazy load.
- Kiểm tra sitemap và robots.txt sau khi tối ưu.
Câu hỏi thường gặp về test tốc độ website
Website của bạn đang chậm?
Chúng tôi kiểm tra tốc độ, xác định nguyên nhân và tối ưu trong quá trình thiết kế hoặc trong gói bảo trì định kỳ.
