Speculation Rules Demo - Article List

Click any article below and check the banner at the top of the page. When Speculation Rules is ON, the page is prerendered before you click — the banner confirms it. Toggle OFF and click again to see the difference.

Optimizing Web Font Loading

Learn how to reduce layout shift caused by fonts using font-display strategies and subsetting.
2026.03.10
Implementing Lazy Loading for Images

A practical guide to lazy loading with the loading attribute and Intersection Observer.
2026.02.28
Overlooked Aspects of Form Design

Input assistance, validation, and error display — patterns for building forms that don't confuse users.
2026.02.15
Getting Started with Accessibility

Heading structure, alt text, and keyboard navigation — the essentials you need to cover first.
2026.01.30