Vì sao website của bạn tải chậm?

Trình duyệt (và CDN) giữ ảnh/CSS/JS lâu dài, khỏi tải lại ở lần ghé sau.

location ~* \.(css|js|jpg|jpeg|png|webp|svg|woff2?)$ {
    expires 30d;
    add_header Cache-Control "public, no-transform, immutable";
}

Đổi đường dẫn / danh sách đuôi file theo cấu trúc theme của bạn.

Giảm 60-80% dung lượng HTML/CSS/JS truyền qua mạng, TTFB nhanh hơn.

gzip on;
gzip_comp_level 5;
gzip_types text/plain text/css application/javascript application/json
           application/xml image/svg+xml;

# Nếu module Brotli đã cài:
brotli on;
brotli_comp_level 5;
brotli_types text/plain text/css application/javascript application/json;

Brotli cần module ngx_brotli — cài thêm nếu server chưa có.

DB query giảm từ hàng trăm xuống chỉ vài chục — chính là bước "DB Queries" trong mô phỏng.

// wp-config.php — cần plugin object-cache (vd: Redis Object Cache) đã cài
define( 'WP_REDIS_HOST', 'your-redis-host' );
define( 'WP_REDIS_PORT', 6379 );
define( 'WP_REDIS_TIMEOUT', 1 );
define( 'WP_CACHE_KEY_SALT', 'example.com:' );

your-redis-host là placeholder — trỏ về Redis instance thật của bạn.

Bỏ chặn render: trang vẽ ra ngay, script chạy sau khi HTML đã parse xong.

<!-- Font/CSS quan trọng: mách trước cho trình duyệt -->
<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/critical.css" as="style">

<!-- Script không cần chạy ngay: không chặn parser -->
<script src="/assets/app.js" defer></script>

Chỉ preload thứ thực sự dùng ở above-the-fold — preload thừa lại phản tác dụng.

HTML được trả thẳng từ edge (CDN HIT) thay vì chạm origin mỗi request.

Rule name: Cache HTML for example.com
When incoming requests match:
  Hostname equals "example.com"
Then:
  Cache eligibility: Eligible for cache
  Edge TTL: 2 hours
  Browser TTL: 30 minutes

Cấu hình qua Cloudflare Dashboard → Caching → Cache Rules. Đổi domain theo dự án.