Improve Page Performance with content‑visibility
Using the CSS content‑visibility property we can control how an element interacts with the browser render, controlling when or how an element content renders.
Articles
Performance, page 2 of 2
Website performance is about far more than chasing a Lighthouse score. It covers the speed, responsiveness, stability, and efficiency of the experience people actually receive, alongside the engineering discipline required to protect those standards across content changes, feature growth, and repeated releases.
Below you will find a subset of articles from my blog specifically about Performance, performance optimisation and Core Web Vitals. This is an area I have worked with for many years, and it has been a regular subject in my writing. There are twenty‑nine articles collected together for you below.
Improve Page Performance with content‑visibility. Improve Page Performance with
How to Improve Your Time to First Byte (TTFB). How to Improve Your Time to First Byte (TTFB)
Time To First Byte (TTFB) is a crucial influence on website performance. The easy answer is increasing server resources, but there are other considerations too.
Why is Time to First Byte (TTFB) Important? Why is Time to First Byte (TTFB) Important?
Time To First Byte (TTFB) is a measurement of the time is takes for a server to respond to a request: how quickly your visitor can start to load your page.
Performance Lessons from Small Brighton Websites. Performance Lessons from Small Brighton Websites
Small Brighton websites can still be slow. Here are practical performance lessons on images, scripts, hosting, mobile UX, and maintainable fixes.
Incremental Static Regeneration and CMS Publishing Freshness. Incremental Static Regeneration and CMS Publishing Freshness
How Incremental Static Regeneration affects CMS publishing freshness, including rebuild timing, stale pages, previews, and editorial expectations.
Image Optimisation with next/image. Image Optimisation with
next/image`next/image` explained with responsive sizing, lazy loading, layout shift reduction, and why image optimisation matters in real Next.js applications.
Responsive Images for Faster Front‑End Pages. Responsive Images for Faster Front‑End Pages
How responsive images make front‑end pages faster by serving suitable sizes, preserving quality, reducing wasted bytes, and avoiding layout shifts.
Optimising gatsby‑image Even Further. Optimising
gatsby‑imageEven FurtherOptimise gatsby‑image further with sensible maxWidth, quality settings, native lazy loading, GraphQL image data, and avoiding oversized assets in Gatsby.
Setting Front‑End Performance Budgets. Setting Front‑End Performance Budgets
Set front‑end performance budgets for page weight, scripts, images, requests, Core Web Vitals, and user experience before delivery pressure erodes them.
Optimising Website Performance with HTML, CSS, and JavaScript. Optimising Website Performance with HTML, CSS, and JavaScript
Improve website performance with practical HTML, CSS and JavaScript checks, from assets and rendering to scripts, measurement and Core Web Vitals.
Optimising HTML Markup for SEO. Optimising HTML Markup for SEO
Optimise HTML markup for SEO and accessibility with semantic elements, heading structure, alt text, clean code, anchor text, and crawler‑friendly structure.
