The footprint of this website

This page shows how much data mishmash.no sends to a reader, and what the same page would weigh if it had been built the usual way. The figures are measured at every deployment, so the page changes when the site does.

What is measured

The figures are the bytes a reader is sent on a first visit, with an empty cache. They do not measure the energy used by a reader's device or network, which depends on far more than the bytes. The carbon figure is an estimate from the Sustainable Web Design model as implemented in CO2.js: kWh per GB and g CO₂ per kWh, a global average. Norwegian electricity is far cleaner, so for a reader in Norway the real figure is lower. Last measured: .

One page, built six ways

The reference page is the news post from the opening conference, with photos and videos. As served, it weighs kB. With the four choices below, which are common on websites, it would weigh kB. The median desktop page on the web weighed kB in the HTTP Archive crawl for .

• Photos as JPEG. Browsers that understand AVIF get the photos in that format, which is smaller for the same picture.
• Fonts at full size. The font files are cut down to the characters the site actually uses.
• Every carousel photo on arrival. A carousel sends only the photo on show; the rest come when the reader turns to them.
• Video players loaded with the page. Our player loads nothing from YouTube until the reader presses play. An ordinary embed loads the YouTube player for every video at once, and tells YouTube about the visit. This figure is measured against YouTube's servers and varies from one build to the next.

Listen to the weight

Each note is 25 kB, ten notes a second, so the length of the piece is the weight of the page. Each kind of file has its own voice: the text files are high and short, the fonts a little lower, the photos soft and low, and the video players a buzzing bass. Sound starts only when you press a button.

Every page we weigh

The same pages are weighed at every deployment. of them weigh less than a tenth of the median web page; the heaviest are the pages with many photos.

This page

Your browser measures what this page has sent you, but the measurement is not available here.

How it is made

The measurement is made by scripts/measure_page_weight.mjs in a headless browser at every deployment, and the result is in /data/page-weight.json. The charts and the sound are made by footprint.js with SVG and Web Audio, without libraries, so the page itself stays light. More on how the site is kept light is in the colophon.