Warning: You're viewing this page via file:// protocol. Prefetching requires HTTP/HTTPS. Please serve this page via a local web server: npx serve or python -m http.server 8000
How to test: Open DevTools (F12) → Network tab → Filter by "Doc" or "Other". Hover over links to see prefetch requests appear after 65ms delay. Check console for debug logs.
Controls

Network Status: Checking...

Live Statistics
Click "Refresh Stats" to see current statistics...
Lazy Images Demo scroll to load

Images below use data-src and load when scrolled into view.

Lazy image 1
Lazy image 2
Lazy image 3
Content Visibility Section 1 below fold

This section has content-visibility: auto applied if it's below 1.5x viewport height.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Content Visibility Section 2 below fold

Another section for content-visibility testing. Scroll down to see this optimized.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

Content Visibility Section 3 below fold
Lazy image 4
Lazy image 5
Lazy image 6
Content Visibility Section 4

This section should be far enough down to have content-visibility applied.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Content Visibility Section 5

Another section for testing content-visibility optimization on long pages.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

Content Visibility Section 6
Lazy image 7
Lazy image 8
Lazy image 9