Largest Contentful Paint (LCP) and How to Improve It Largest Contentful Paint measures how long it takes for the biggest piece of content above the fold — usually a hero image, banner or heading — to finish loading. It is the moment a vis...

HTTP/2 and HTTP/3 Benefits HTTP is the protocol browsers use to fetch your site, and the newer versions — HTTP/2 and HTTP/3 — are designed to be faster and more efficient than the older HTTP/1.1. Moving to them is usually a server-side ch...

Reducing JavaScript Execution Time Downloading JavaScript is only half the story — the browser then has to run it, and on less powerful devices that processing can take longer than the download itself. Heavy execution makes a page feel sl...

Database Performance and Page Speed For dynamic sites — shops, membership areas, anything that pulls content from a database — the speed of those database queries directly affects how quickly each page is built and sent to the visitor....

Using a CDN to Speed Up Global Visitors A content delivery network, or CDN, is a worldwide network of servers that keep copies of your site's files close to your visitors. Instead of every request travelling to one central server, people ...

Cumulative Layout Shift (CLS) and Jumping Pages Cumulative Layout Shift measures how much the content of a page moves around unexpectedly while it loads. You have experienced poor CLS if you have ever gone to tap a link and the page jumpe...

Avoiding Too Many Redirects A redirect sends a browser from one address to another. They are essential for moving pages and fixing old links, but each one adds a round trip that delays the visitor, and chains of redirects multiply that de...

Measuring Speed: Lab vs Field Data There are two ways to measure how fast a site is, and they answer different questions. Lab data comes from a controlled test; field data comes from your real visitors. You need both to get the full pictu...

Minifying CSS, JavaScript and HTML Minification removes everything a browser does not strictly need from your code files — spaces, line breaks, comments and long variable names — leaving a smaller file that downloads and runs more quickly...

Slow Plugins and Heavy Themes On platforms like WordPress, plugins and themes are the most common cause of poor performance. They make adding features easy, but each one can load extra scripts, styles and database queries — sometimes on e...

Performance and Accessibility Together Performance and accessibility are often treated as separate concerns, but they reinforce each other. A fast, lightweight, well-structured page tends to be easier for people using assistive technology...

Browser Caching Explained Browser caching tells a visitor's browser to keep a copy of files such as images, stylesheets and scripts on their device, so it does not re-download them on every page they view. The result is dramatically faste...

Removing Unused CSS and JavaScript Over time, websites accumulate code that is no longer used — styles for removed features, scripts from old campaigns, and unused parts of large libraries. This dead weight still gets downloaded and proce...

Monitoring Performance Over Time Optimising a site once is not enough. New content, plugins, campaigns and third-party tools all add weight, and without monitoring a fast site quietly degrades until someone notices it has become slow....

Font Loading Without Layout Shift Custom web fonts give your brand its voice, but if they are loaded carelessly the page can either show blank text while the font downloads, or jump as the text reflows when it arrives. Both are jarring an...

Reducing Third-Party Scripts Third-party scripts are pieces of code you load from other companies — analytics, chat widgets, advertising, social feeds and tracking pixels. Each one is convenient, but every script adds weight and can slow ...

Critical CSS and Render-Blocking Resources Before a browser can show anything, it must download and process the stylesheets and scripts a page depends on. These are called render-blocking resources, and they are a common ...

Caching Cookies and Personalised Content Caching is what makes pages fast, but personalisation — showing a visitor their name, basket or recommendations — is what makes them relevant. These two goals pull in opposite directions, because a...

Image Optimisation for Speed Images are usually the heaviest part of a web page, often accounting for more than half of everything a browser has to download. Getting them right is the single biggest win available on most sites. Opt...

Next-Gen Image Formats: WebP and AVIF WebP and AVIF are modern image formats designed to produce much smaller files than the older JPEG and PNG formats, while keeping the same visual quality. Smaller files mean faster pages and lower data...

Code Splitting and Bundle Size On modern interactive sites, the JavaScript can grow into one enormous file that every visitor must download before the page works, even if they only use a fraction of it. Code splitting breaks that bundle i...

Server-Side Rendering for Speed Server-side rendering means the server builds the full HTML of a page and sends it ready to display, rather than sending a near-empty page and asking the browser to assemble it with JavaScript. Visitors see...

Interaction to Next Paint (INP) Interaction to Next Paint measures how quickly your page responds when someone taps a button, opens a menu or types into a field. It captures the lag between the action and the screen visibly updating. ...

Server Response Time and Hosting Quality No amount of front-end optimisation can rescue a page if the server itself is slow to respond. Hosting quality sets the ceiling for how fast your site can ever be. This article explains how ...

PageSpeed Insights and Lighthouse Explained PageSpeed Insights and Lighthouse are two free Google tools your team will reference often. They grade a page, highlight what is slowing it down, and suggest fixes. Knowing how to read them help...

Compressing Responses with Gzip and Brotli Compression shrinks the text-based files your server sends — HTML, CSS and JavaScript — before they travel across the internet, then the browser unpacks them on arrival. It is one of the easiest ...

The Cost of Carousels and Sliders Rotating banners and image sliders are popular, but they carry a hidden cost. They load multiple large images at once, add JavaScript to animate them, and often push real content down the page — all of wh...

A Performance Audit: Our Process A performance audit is a structured review of why a site is slower than it should be and exactly what to do about it. Rather than guessing, we measure, diagnose and prioritise so the work delivers the bigg...

Caching Strategies for Dynamic Sites Caching static brochure pages is straightforward, but sites with logged-in users, shopping baskets or personalised content need a more careful strategy. The challenge is serving cached pages where it i...

Mobile Performance vs Desktop Most websites now receive the majority of their traffic from mobile devices, yet phones have less processing power and often slower, less reliable connections than desktops. A page that feels fast on your off...

Edge Caching and Static Generation Static generation builds your pages in advance as ready-made files, and edge caching stores those files on servers spread around the world. Together they deliver some of the fastest experiences possible,...

Preloading, Prefetching and Preconnecting These three techniques are hints we give the browser about what it will need next, so it can get a head start instead of waiting until the last moment. Used carefully, they shave noticeable time o...

Optimising Web Fonts Web fonts shape your brand's personality, but they can also add significant weight and delay if left unmanaged. A typical site loads several weights and styles, each one a separate file the browser must fetch. ...

Why Speed Affects Sales and Rankings Website speed is not a vanity metric. It has a direct, measurable effect on how many visitors stay, how many convert into enquiries or sales, and how Google ranks your pages in search results. T...

Time to First Byte (TTFB) Time to First Byte measures how long the browser waits after requesting a page before it receives the very first piece of data back from your server. It is the starting gun for everything else that loads afterwar...

Lazy Loading Images and Iframes Lazy loading means the browser only downloads images and embedded content when the visitor is about to scroll to them, rather than loading everything at once. The page above the fold appears faster because ...

Image Dimensions and Preventing Layout Shift One of the most common causes of a jumpy, unstable page is images that do not tell the browser how big they are. The browser leaves no space for them, then shoves the content down once they loa...

Video Optimisation and Streaming Video is engaging but extremely heavy, and a poorly handled video can dominate a page's load time or drain a visitor's mobile data. The way video is hosted and delivered matters enormously for performance....

Performance Budgets A performance budget is an agreed limit on things like total page weight, the number of requests, or a target load time. It turns speed from a vague aspiration into a concrete rule the whole team designs and builds wit...

Core Web Vitals Explained: LCP, INP and CLS Core Web Vitals are three measurements Google uses to judge how a real person experiences your page: how quickly the main content appears, how responsive the page feels, and how stable the layou...