Cached Pages Require User Interaction to Fully Load (Next.js + Cloudflare Cache)

What is the name of the domain?

What is the issue you’re encountering

Pages cached by Cloudflare do not fully load until the user interacts (e.g., clicking anywhere on the page). (Deferred JavaScript Execution)

What steps have you taken to resolve the issue?

Disabling Rocket Loader.
Adjusting caching settings (e.g., Caching Level set to Standard).
Ensuring Next.js sends proper cache headers (Cache-Control: public, max-age=3600, stale-while-revalidate=59).
Checking Edge Cache TTL (not explicitly set for HTML).

Only thing that fixes it is switching Cloudflare to Development Mode (bypassing cache)—which confirms caching is the source of the problem.

This topic was automatically closed after 15 days. New replies are no longer allowed.