My dashboardSign in

Performance and optimization · From URL to usable

Page load time-style app

Illustrative system design for a from url to usable app like Page load time: 4 topics to read, from requirements to deep dives.

Illustrative design, not Page load time’s actual implementation. Arrowbox is not affiliated with Page load time’s owner. Disclaimer

Start with Critical path Sign in to start readingUpdated 2 Oct 2026

Core

  • The critical rendering pathBeginner · 33 min read · Sign in to read

    The browser can't paint until it has the HTML, the render-blocking CSS and any parser-blocking scripts; shortening that chain is what moves first paint.

  • Resource hints, priorities and fontsIntermediate · 37 min read · Sign in to read

    preconnect, preload and fetchpriority let a page tell the browser what it needs early; web fonts need their own care so text is not invisible or jumping.

  • Getting the largest paint earlyIntermediate · 32 min read · Sign in to read

    LCP splits into time to first byte, how late the LCP resource was discovered, how long it took to download and how long it waited to render; each part has a different fix.

  • Layout stabilityIntermediate · 28 min read · Sign in to read

    A layout shift scores how much of the viewport moved and how far; reserving space for images, banners and late content, and animating with transform, keeps CLS under 0.1.