You are now experiencing the web at 175 bits per second. No matter how fast your Internet connection is, this page will load slowly.
Please wait…
Back in the early days of the Internet, people argued that there was no need for modems which ran any faster than this.
About 20 characters a second is as fast as the average person can read.
Why transmit information any faster?
Nowadays, we want everything instantly.
But sometimes it is nice to have d‍e‍l‍a‍y‍e‍d g‍r‍‍a‍‍‍t‍‍‍i‍‍f‍i‍c‍‍‍‍‍‍ation.

Because HTML supports progressive loading - we can take advantage of your browser's built-in capabilities.
We can also add some CSS to make it a bit more readable. Here it comes!
Of course, reading text is one thing - but what about images? Loading up an image takes ages. But JPEG compressision gives us "progressive images". Take a look:
A slow loading image
This 968 byte image will take about 40 seconds to fully load. Over time, the image will reveal itself. It begins by loading a low resolution version. Just give it a few moments. Here we go! It will be a blurry, pixelly mess to start with. As each bit slowly matures into a byte you will gradually get a sense of what the image is. This JPG is as small as I could make it, while still maintaining some quality. The JPG compression is set to a quality of "10" - you would normally expect a modern high resolution image to be set to a quality of at least 85. Can you tell what the image is yet? Incidentally, this slowness effect is not being done with JavaScript - the server is intentionally only serving you a few bytes per second. It's maddening and infuriating. But that's the way we used to live! JPG compression was released in 1992 - by which time modem speed was a blisteringly fast 14,400 bits per second. About 80 times faster than what you're experiencing now. Has that image loaded yet? Good Rabbit!

It isn't just modem speed which has advanced. Let's look at this image:
A quicker loading image
Compression technology has also improved significantly. This image uses the WebP image format & is 470 Bytes. For about half the file size, we get similar - if not better - picture quality. This was set to quality level 5. By default WebP compression uses quality 75.
You'll notice that the image does not load progressively. You have to watch it draw line by line. It's quicker to load, but is it more satisfying to watch? OK, that's enough bunnies… for now! We'll come back to them shortly.

Indeed, at this speed, even Scalable Vector Graphics (SVG) are problematic. This logo is a mere 399 bytes - & you still have to watch it draw out.

Audio is difficult over an extremely slow connection. Here's a short clip:

It will take about a minute to fully load. This is 2 second clip of my voice compressed down to 1,595 bytes. It uses the Opus codec - which is pretty good at low bandwidth. Opus is a modern, web-first codec, it can do extremely high quality surround sound and low-bandwidth audio. This clip has bitrate of 6,000 bits per second - that's quite a bit more than the 175bps this website is loading at! 6Kbps is just about OK for speech but for music, it's a bit less acceptable!
Wow! This is taking a really long time! That's what the web is like for a lot of people. Big fat websites, loaded over slow connections, onto creaking old devices. And this is just for speech! Music just takes too long to download - even at super-low quality.
You might think MIDI is the way to go for loading music on a slow website. But, sadly / luckily no modern browser supports MIDI playback natively. And the JavaScript libraries required to enable playback are prohibitively large.
While we wait, let me tell you more about this page. On most screens, the page will be automatically scrolling to the bottom whenever a new line of text appears. There is a tiny scrap of JavaScript firing every second.
OK! That audio should have loaded.
Wasn't that exciting!

Of course, we have a very efficient way to transmit voice. Modern browsers have Text-To-Speech built in!

Did that work? I hope so!
Isn't it amazing what browsers can do these days?

So, if compressed audio is out and we can't use MIDI, what can we use?
Your browser has a pretty sophisticated audio API. That means, in JavaScript, we can program audio.
After a few seconds, your browser will create a famous piece of music.


🐰 🥕
This site is too slow for even highly compressed video. So let's finish with some basic CSS animation for the bunny.

That's it. There is no more to this demo site. Let me just close the HTML & turn off the JS.Read more about this site.