Phần 4: Content delivery & tăng tốc website Part 4: Content delivery & website speed · Bài 3/4 Lesson 3/4

Speed & Images Speed & Images

Brotli, Early Hints, HTTP/3; resize ảnh WebP/AVIF tại edge. Brotli, Early Hints, HTTP/3; resize images to WebP/AVIF at the edge.

Các bước thực hiện Step-by-step

Speed → Optimization: bật Brotli, Early Hints, HTTP/3. Speed → Optimization: enable Brotli, Early Hints, HTTP/3.
Speed → Optimization → Image: Polish/resize nếu dùng legacy; hoặc Cloudflare Images. Speed → Optimization → Image: Polish/resize or Cloudflare Images.
Convert ảnh lớn sang WebP/AVIF tại edge. Convert large images to WebP/AVIF at the edge.
Re-test LCP trên PageSpeed hoặc Web Analytics. Re-test LCP on PageSpeed or Web Analytics.

Giải thích chi tiết Detailed explanation

Speed optimizations thường “free win” — không đổi code app, chỉ bật tại dashboard. Speed optimizations are often free wins — no app code changes, just dashboard toggles.

Lưu ý (best practices) Note (best practices)

Nên bật Tiered Cache trước khi dùng Cache Reserve — Tiered Cache gom request trước khi chạm Reserve, giảm read/storage trùng lặp. Enable Tiered Cache before using Cache Reserve — Tiered Cache funnels requests before Cache Reserve, reducing redundant reads and duplicate storage.

Nguồn: Source: Content Delivery Network (CDN) Reference Architecture Content Delivery Network (CDN) Reference Architecture ↗

Ví dụ triển khai (Cloudflare Resources) Deployment examples (Cloudflare Resources)

Tutorial, solution guide và reference từ developers.cloudflare.com/resources ↗ — gợi ý theo chủ đề bài học. Tutorials, solution guides, and reference docs from developers.cloudflare.com/resources ↗ — matched to this lesson topic.