DiscoveryVIP / Learning labsAll guides ↗
LESS WAITING. BETTER EXPERIENCES.

Make every
millisecond count.

Find the bottleneck, test a change, and explain the result. Explore the building blocks of faster pages without needing a live website.

10 lessons · 6 experiments · Downloadable action plan

What is making this page wait?

This is an educational model, not a website speed test or a Core Web Vitals measurement. It models one hero image and a parallel script that can delay rendering.

Design your scenario

Image sizing experiment

For the same encoding and quality, this rough model scales bytes with pixel area. Real compression depends on image content and format.

Loading timeline

Show the model equations
imageEnd = serverWait + discoveryDelay
           + imageKB × 8 / Mbps
scriptEnd = serverWait + scriptKB × 8 / Mbps
            + executionTime
heroReady = blocking ? max(imageEnd, scriptEnd) : imageEnd

All times in milliseconds; KB and Mbps are decimal.
Both transfers receive the full selected throughput.
This simplifies real shared bandwidth and scheduling.
DNS, connection setup, decoding, CSS and painting are omitted.

Guided experiments