Real Webpage Load Test

One HTML response, many dependent requests.

This page intentionally downloads CSS, JavaScript, and image assets ranging from a few kilobytes to tens of megabytes so you can measure full document load behavior instead of a single file response.

Total Page Load Collecting...
DOMContentLoaded Collecting...
Transferred Bytes Collecting...
Resource Requests Collecting...

CSS bundle group

Base UI plus medium and large stylesheet payloads.

  • base.css
  • theme-180kb.css
  • load-3mb.css

JavaScript bundle group

Metrics logic plus padded scripts that simulate heavier browser downloads.

  • metrics.js
  • vendor-512kb.js
  • runtime-6mb.js

Image bundle group

SVG images are used because they are easy to generate locally at very different sizes.

  • hero-24kb.svg
  • diagram-1mb.svg
  • banner-12mb.svg
  • poster-28mb.svg
Small hero asset
Small hero image: 24 KB
Medium image asset
Medium image: 1 MB
Large image asset
Large image: 12 MB
Very large image asset
Very large image: 28 MB

What to monitor

Compare the on-page metrics with the browser Network panel. The full load time should reflect the HTML, CSS, JavaScript, and image requests together rather than a single payload.

Resource Timing Snapshot

Waiting for window load...