Tối ưu tốc độ

Nguyên tắc

Tối ưu theo PageSpeed Insights trên mobile trước, đo lại sau mỗi thay đổi.

Kỹ thuật đang dùng

• Critical CSS theo từng template, chèn vào <head>; phần CSS còn lại tải bất đồng bộ trên mobile.
• Hoãn script bên thứ ba (Google Analytics, GTM, Facebook, Clarity) tới khi khách tương tác hoặc sau 12 giây, giảm Total Blocking Time.
• PurgeCSS trên file nguồn của theme và plugin, bỏ CSS WooCommerce ở các trang không cần.
• Nạp section theo viewport: section sản phẩm trang chủ chỉ render vài card đầu, phần còn lại nạp khi cuộn tới.
• Ảnh: bộ kích thước 100 / 300 / 450 / 600 vuông và td-responsive 320 đến 1200 cho srcset.
• Preconnect, preload font, gỡ tham số ?ver khỏi asset.

Số đo

Google PageSpeed ngày 12/07/2026: mobile 91, desktop 97. Landing máy bộ đạt Lighthouse mobile 98 đến 100.