Ultrafast single TCP packet audio/visual experience

For those you are wondering, this is a webserver that serves an HTML page in a single TCP packet. I guess ≤ 1500 bytes to avoid fragmentation - shows as 1.1KB in Chrome&#x27;s network view. The HTML contains embedded JavaScript that runs a simple demo with animated ASCII and playing a LOUD changing audio tone.<p>You can visit the demonstration website here: <a href="http:&#x2F;&#x2F;packet.city&#x2F;" rel="nofollow">http:&#x2F;&#x2F;packet.city&#x2F;</a><p>You can see a screenshot of the demo here: <a href="http:&#x2F;&#x2F;www.p01.org&#x2F;128b_raytraced_checkboard&#x2F;" rel="nofollow">http:&#x2F;&#x2F;www.p01.org&#x2F;128b_raytraced_checkboard&#x2F;</a>

Pro-tip: If you are doing additive synthesis and want to stack sine-waves in a harmonic series, please scale each successive n harmonic to an amplitude of 1&#x2F;n. It creates a much more tolerable experience.

Hi, this website is really loud and if you are using Headphones I would mute it or turn them down a bunch. It also will autoplay the sound.

Interesting to see DEFLATE over GZIP here, as it is something I used to recommend maybe 7 or so years ago. I collected results for several years and began seeing more browsers dropping support for raw deflate (or switching to zlib deflate).<p>I accidentally let my hosting account expire years ago and lost the server code and db for it, but managed to pull the HTML from the way back machine. I&#x27;ve backed up the results here: <a href="https:&#x2F;&#x2F;davidmurdoch.com&#x2F;compression-tests-results&#x2F;" rel="nofollow">https:&#x2F;&#x2F;davidmurdoch.com&#x2F;compression-tests-results&#x2F;</a>. It&#x27;s all pretty outdated now, but rather fun to look at.<p>Anyone know if this is using raw DEFLATE or ZLIB (HTTP 1.1 DEFLATE)?

Response headers:<p><pre><code> HTTP&#x2F;1.1 200 k Content-Length: 1163 content-encoding: deflate </code></pre> I guess the &#x27;200 k&#x27; instead of &#x27;200 OK&#x27; saves an extra byte! :)<p>However, since they don&#x27;t do any HTTP keep-alives (the connection sends a HTTP response and closes before you even send it anything), couldn&#x27;t they save some space by dropping the Content-Length? It&#x27;s an optional header.

<a href="http:&#x2F;&#x2F;packet.city&#x2F;" rel="nofollow">http:&#x2F;&#x2F;packet.city&#x2F;</a><p>summary: A demo scene page that is smaller than a single IP frame and uses some flags to avoid other round trips.<p>view-source:<a href="http:&#x2F;&#x2F;packet.city&#x2F;" rel="nofollow">http:&#x2F;&#x2F;packet.city&#x2F;</a><p>The page itself and view-source only work on some browsers. Use wireshark etc to see what it actually does.

&gt;the greatest website to ever fit in a single TCP packet<p>a blank page would be an improvement - that was seizure inducing

CAUTION: This is just about popped my speakers and my eardrums, this is pretty obnoxious behaviour regardless of the technical cleverness going on.

Does the high pitched sound make my Amazon Echo order something?

This will upset any cat in the vicinity

They spend nearly 75% of the page weight on that party parrot image - if they dropped that, the rest of the page could probably be a lot more impressive (and less screechy!)

Also ultraloud. Turn down the volume before clicking.

Looks like the browser spends most of the loading time resolving DNS.

What is it? Nothing happens on mobile Safari.

My cat had opinions about the sound this website makes.

Nice work. I guess it&#x27;d just as quick if it sent up to ~4kB - that&#x27;s the normal TCP initial window? <a href="https:&#x2F;&#x2F;tools.ietf.org&#x2F;html&#x2F;rfc3390" rel="nofollow">https:&#x2F;&#x2F;tools.ietf.org&#x2F;html&#x2F;rfc3390</a>

All hail the rise of the Single Packet Web App.

How is it that loud? It&#x27;s not tolerable even on minimum settings on my iMac.

Desktop Safari: Can&#x27;t find variable: AudioContext<p>No room for vendor specific prefixes :|

Why is the tcp socket set to busy poll for 1 microsecond?

Now I&#x27;m curious, could one minimize this further? As in, making Chrome accept UDP to get rid of SYN&#x2F;ACK etc.

Been years since I went through Beej&#x27;s socket programming tutorial but I still recognize his code ;)

Nice. I was just reviewing some TCP fundamentals with my friend for his class, specifically sliding windows and window control, etc.<p>It&#x27;s as if they took what we were just reading in a compsci textbook for class and directly monetized it.

It might be fast but does it handle load? Did you try to benchmark it with a service like <a href="https:&#x2F;&#x2F;ddostest.me" rel="nofollow">https:&#x2F;&#x2F;ddostest.me</a>

Is there a breakdown of the expanded HTML&#x2F;JS?

Any direct link? Do I need to build this mofo?