This Squarespace site is rendered using serverless technology.
It is proxied through Cloudflare Worker that is pointed at this domain.
It even has a “developer” version — worker updates are deployed to a separate worker that proxies to dev.otters.life.

Link to repo

 RESULTS

 

Tested From: Virginia USA - EC2 - Chrome - Emulated Motorola G (gen 4) - 3G

 FEATURES

Image Optimization

Images are proxied through Cloudflare’s Image Optimization product.


Since our images are versioned, cache is automatically invalidated whenever the image changes (known as “revving”).

⬅ This image would normally be served as JPEG. It is now served in the AVIF format. This is more optimal than WebP in many cases!

JPEG Size: 149 kB
WebP Size: 81.3 kB
AVIF Size: 66.4 kB 🔥

GIFs — one of the heaviest image formats on the web — are also optimized!

This GIF is served in the WebP format ➡


GIF Size: 1.5 MB
WebP Size: 378 kB 🔥
And yes, they support animation 😱

HTTP/3 and Compression

Requests are served using HTTP/3

If it’s proxied by the worker, it automatically serves it through HTTP/3.
No more head of line blocking!

Even better, this reduces the number of domain lookups and TCP connections down to one.

All resources proxied through the worker are served using Brotli by default, including third parties.

This includes:

  • HTML

  • Scripts

  • Stylesheets

  • Fonts

  • Even API requests!

Developer Features

I added support for some query parameters to modify the behavior of the site.

  • imageFormat: Modify the image format

    • Supported values: avif and webp

    • Ex: https://otters.life/serverless?imageFormat=webp

  • bypass: Bypass the worker proxy

    • Ex: https://otters.life/serverless?bypass

  • site: Load the page using any other Squarespace host!

    • Ex: https://otters.life/serverless?site=paloma-demo.squarespace.com