CSS - Tricks

FEBRUARY 16, 2021

Apparently, there is but one tool that does it all: eleventy-high-performance-blog. I’m not super convinced blurry placeholders are in the same category of necessary as the rest of this stuff. Set far-out expires headers on images and have a cache-busting strategy (like changing the file name). They seem very related.

Cache 119

Cache Strategy Processing Performance 119

Smashing Magazine

JULY 15, 2021

Generally, your websites might have pages in two categories: Type A. You can use DPR in other frameworks as well (Zach Leatherman has some demos of it with Eleventy where he defers building hundreds of pages), and the Next.js Critical” pages (home page, about us, contact us). ISR is built-in by default to Next.js

Cache 125

Cache Website Strategy Servers 125

Smashing Magazine

JANUARY 11, 2021

Markus uses Eleventy and Preact as his tools, and shows how to set up the tools, add partial hydration, lazy hydration, client entry file, configure Babel for Preact and bundle Preact with Rollup — from start to finish. Also, Next.js Need an even more lightweight approach? components, embeds) when a user interacts with UI that needs it.

Performance 145

Performance Cache Media Metrics 145