Updated April 2026

Improve PageSpeed Score with Cloudflare — Exact Dashboard Settings

Quick Answer

The highest-impact Cloudflare settings for PageSpeed: enable Brotli (Speed → Optimization), enable HTTP/2 and HTTP/3 (Network), enable Polish for images (Speed → Optimization), and set a 1-year Browser Cache TTL for static assets (Caching → Configuration). These require no code changes.

Cloudflare sits between your users and your server. Every request goes through it — which means every performance setting you enable in Cloudflare applies instantly to all traffic without a code deploy.

Get your full PSI audit fix → SpeedFixer

Settings that directly improve PageSpeed score

Setting	Dashboard path	Impact
Brotli compression	Speed → Optimization → Brotli	High — reduces transfer size
HTTP/2	Network → HTTP/2	High — multiplexed requests
HTTP/3 (QUIC)	Network → HTTP/3	Medium — faster on mobile
Polish	Speed → Optimization → Polish	High — auto image compression
Early Hints	Speed → Optimization → Early Hints	Medium — preload before HTML
Rocket Loader	Speed → Optimization → Rocket Loader	Medium — defers JS (test first)
Browser Cache TTL	Caching → Configuration	High — reduces repeat load time
Auto Minify	Speed → Optimization → Auto Minify	Low-medium — reduces file size

Step by step — exact settings

1. Brotli compression

Dashboard → Speed → Optimization → Content Optimization
→ Brotli: ON

Reduces HTML, CSS, JS transfer size by 15-25% vs gzip.
Google PageSpeed flags "Enable text compression" — this fixes it.

2. HTTP/2 and HTTP/3

Dashboard → Network
→ HTTP/2: ON
→ HTTP/3 (with QUIC): ON
→ 0-RTT Connection Resumption: ON (for repeat visitors)

3. Polish — image optimization

Dashboard → Speed → Optimization → Image Optimization
→ Polish: Lossless (safe for all images)
→ WebP: ON (converts JPEG/PNG to WebP for supported browsers)

Fixes PageSpeed: "Efficiently encode images" and "Serve images in next-gen formats"

4. Browser Cache TTL

Dashboard → Caching → Configuration
→ Browser Cache TTL: 1 year

Combined with Cache-Control: public, max-age=31536000 on your origin,
this caches static assets in browsers for a full year.
Fixes PageSpeed: "Serve static assets with an efficient cache policy"

5. Early Hints

Dashboard → Speed → Optimization → Early Hints: ON

Cloudflare sends 103 Early Hints response before your origin responds.
Browsers start fetching CSS/fonts before the full HTML arrives.
Reduces LCP on pages with render-critical resources.

6. Rocket Loader (test carefully)

Dashboard → Speed → Optimization → Rocket Loader: ON

Defers non-critical JavaScript. Can break scripts that depend on
synchronous execution. Test on staging before enabling in production.
Disable per-page with: data-cfasync="false" on specific scripts.

7. Auto Minify

Dashboard → Speed → Optimization → Auto Minify
→ JavaScript: ON
→ CSS: ON
→ HTML: ON

Verify your improvements

# Check compression
curl -sI -H "Accept-Encoding: br" https://example.com | grep "content-encoding"
# Should return: content-encoding: br

# Check cache headers
curl -sI https://example.com/app.js | grep -i "cache\|cf-cache"
# cf-cache-status: HIT means Cloudflare is serving from cache

Get your full PageSpeed audit → SpeedFixer