BeforeAnti-patterns active — this page is intentionally slow.
← HeroCompare /after →

Page 01 — Unoptimized

The slow
version.

Raw <img> tags with no dimensions cause layout shift. A 200ms blocking loop in useEffect delays everything. Every component is a Client Component.

Card 1

no-dim, no-lazy

Card 2

no-dim, no-lazy

Card 3

no-dim, no-lazy

Card 4

no-dim, no-lazy

Card 5

no-dim, no-lazy

Card 6

no-dim, no-lazy

Card 7

no-dim, no-lazy

Card 8

no-dim, no-lazy

Card 9

no-dim, no-lazy

◆ Live measurement

Web Vitals — this page

0 / 5 metrics captured

Collecting metrics… interact with the page to trigger INP.

Compare with the optimized version →