Five small things that make a site feel fast
Speed is partly measured and partly perceived. These five help with both.
A site can be quick on paper and still feel slow. These are the small things that close the gap.
1. Reserve space for images
Give images their proportions up front so the page does not jump as they arrive. Cards here use a fixed aspect ratio for exactly that reason.
2. Lazy-load what is below the fold
The browser does this for you with loading="lazy". Cards use it; the image at the top of a post does not, because it is the first thing you see.
3. Respond instantly, finish later
Filtering the blog listing happens in the browser, so the cards change the moment you type - there is no round trip to wait for.
4. Compress the right things
Text compresses beautifully. Already-compressed files - images, archives - should be sent as they are.
5. Do less
The fastest code is the code that never runs. Every feature should earn its bytes.
Keep reading
Why whitespace is a feature
Room to breathe is not wasted space. It is how a reader knows what matters.
How the listing filters work
The blog index filters in the browser with domma-reactive - here is what happens between the click and the cards.
A colour palette in an afternoon
Start from one colour you love, and let contrast rules do the rest.