Book a call Start a project

Why Website Speed Matters, and How Caching and a CDN Make Sites Fast

Why website speed affects leads, rankings and ad costs, and how page caching, object caching and a Cloudflare CDN work together to make sites fast.

Contents
  1. 01Why speed matters
  2. 02What slows business websites down
  3. 03How we make sites fast: the caching layers
  4. 04The work underneath the caching
  5. 05How to measure your own site
  6. 06Where we come in

A slow website costs you customers you never hear about. They tap your link, wait, and go back to the search results before your page appears. Speed is one of the few parts of a website that affects everything at once: how many visitors stay, how many get in touch, how Google sees your pages, and how much you pay for ads.

This guide explains why speed matters, what slows business websites down, and the layers we use to make them fast: page caching, object caching, a Cloudflare CDN, and the work underneath them.

Why speed matters

People leave slow pages

In a study commissioned by Google and carried out by Deloitte, researchers analyzed more than 30 million mobile sessions across 37 brand sites. A 0.1-second improvement in mobile site speed was associated with conversion rates rising 8.4% for retail sites and 10.1% for travel sites, and retail shoppers spent 9.2% more. (Milliseconds Make Millions, web.dev.)

Those were large brands, and your numbers will differ. The direction holds for any business: every extra moment of waiting gives a visitor a chance to leave.

Google measures it

Google uses a set of real-user measurements called Core Web Vitals as part of how it assesses page experience:

MetricWhat it measuresGood
Largest Contentful Paint (LCP)How quickly the main content appears2.5 seconds or less
Interaction to Next Paint (INP)How quickly the page responds to taps and clicks200 milliseconds or less
Cumulative Layout Shift (CLS)How much the layout jumps while loading0.1 or less

Speed alone will not lift a page with weak content above a better one. But when pages are otherwise similar, a poor experience is a disadvantage you do not need.

Your ads cost more

Google Ads includes landing page experience in its Quality Score. A slow, frustrating landing page can mean paying more for each click, and losing more of the visitors you paid for.

What slows business websites down

  • Oversized images. Photos uploaded straight from a camera or phone, several times larger than they need to be.
  • Too many plugins and scripts. Each one can add code to every page, whether that page uses it or not.
  • Third-party tags. Chat widgets, trackers, heatmaps and embedded feeds, each loading from another company’s servers.
  • No caching. The server rebuilds every page from scratch for every visitor.
  • Slow hosting. A server that takes a long time to respond before anything else can start.
  • Heavy fonts. Several families and weights, loaded from outside services.

How we make sites fast: the caching layers

Caching means keeping a ready-made copy of something so it does not have to be built again. A fast site uses several layers of it, each solving a different problem.

1. Page caching

Without page caching, a WordPress site runs code and queries the database to build each page on every visit. Page caching saves the finished page the first time it is built and serves that copy to the next visitors. The server does a fraction of the work, and the page starts arriving much sooner.

Pages that must be personal, such as carts, checkouts and account areas, are excluded so nobody sees someone else’s details.

2. Object caching

Some requests cannot use a cached page: logged-in users, the admin area, carts, search results and the first visit after a change. Object caching speeds these up by keeping the results of common database queries in memory, using Redis or Memcached, so the site does not ask the database the same question again and again. It makes the parts of a site that cannot be page-cached faster, and it reduces the load on the server at busy times.

3. Browser caching

Files that rarely change, such as your logo, fonts, style sheets and scripts, are stored in the visitor’s browser with long expiry times. On their second page and their next visit, the browser already has them.

4. A Cloudflare CDN

A content delivery network keeps copies of your files on servers around the world. Cloudflare runs data centers in hundreds of cities, so a visitor in Texas or in London gets your images, styles and scripts from a server near them instead of from wherever your hosting is. With the right rules, whole pages can be served from that network too.

Cloudflare also adds modern compression and connection protocols, and it filters a lot of malicious traffic before it reaches your server.

Making the layers work together

The layers only help if they stay in sync. When you update a page, the page cache and the CDN copy need to clear automatically, or visitors keep seeing the old version. We set up these purge rules as part of the build and test them before launch, so editing your site stays as simple as pressing Update.

The work underneath the caching

Caching makes a fast site faster. It cannot rescue a heavy one. So we also:

  • Size and compress every image in modern formats such as WebP or AVIF, sized for the screen it is shown on.
  • Load the main image first and delay images further down the page until they are needed.
  • Self-host and trim fonts, loading only the weights a design uses.
  • Defer non-essential scripts so they do not hold up the first view of the page.
  • Keep plugins to what the site needs, and remove the rest.
  • Review third-party tags with you, because each one has a cost.
  • Start with good hosting, because a slow server response delays everything after it.

How to measure your own site

  1. Run your homepage and your most important service page through PageSpeed Insights.
  2. Look at the mobile result first. That is where most sites struggle.
  3. Check whether there is field data, which reflects real visitors over the last 28 days, and not only the lab test.
  4. In Google Search Console, open the Core Web Vitals report to see which groups of pages need work.
  5. Test again after adding any new plugin, script or widget.

A lab score is a snapshot taken in test conditions, so treat it as a guide. The field data is closer to what your customers experience.

Where we come in

Every site we build is made for a 90+ mobile speed score, with page caching, object caching and a CDN set up to work together. At launch we test speed and send you the report, so you can see the result rather than take our word for it. Speed can drop later as scripts and plugins are added, so we show your team what to check. See how we build on our web development page, read why mobile-first design matters for the same reason, or start a project.

Keep reading.

All insights

Let’s lift your business off the ground.

An identity buyers trust, a site that turns visits into leads, a business found wherever buyers search, and follow-up that turns leads into sales. Every result reported in numbers.

We reply within 12 hours.

Back to top