logo

WordPress Development Agency

020 3355 8747

Message Us
  • Home
  • About Impact®
    Learn More About Impact Media®
    • Meet The Team
       
    • Our Process
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 10K Tree Challenge
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Our Services
    Learn More About Our Services
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Web Development
       
    • WordPress Support & Maintenance
       
    • WordPress Multisite
       
    • WooCommerce Development
       
    • Replatforming To WordPress
       
    • Integrations & Plugins
       
    • Conversion Rate Optimisation
       
    • WordPress Training
       
    • UX Website Review
       
    • WordPress Health Check
       
    James Coates
    Schedule a discovery call with UX Specialist James
    Book A Call
  • Case Studies
  • Insights
  • Contact Us
WordPress Development Agency
020 3355 8747
logo logo
Book A Call
Back
Menu
  • Home
     
  •  
    About Impact Media
    Learn More About The Impacters
    • Meet The Team
       
    • Our Process
       
    • Why WordPress
       
    • Careers
       
    • Giving Back
       
    • 10K Tree Challenge
       
  •  
    Our Services
    Discover How We Can Help
    • WordPress Web Design
       
    • UX Design
       
    • WordPress Web Development
       
    • WordPress Support & Maintenance
       
    • WordPress Multisite
       
    • WooCommerce Development
       
    • Replatforming To WordPress
       
    • Integrations & Plugins
       
    • Conversion Rate Optimisation
       
    • WordPress Training
       
    • UX Website Review
       
    • WordPress Health Check
       
  • Case Studies
     
  • Insights
     
  • Contact Us
     
020 3355 8747
Mon - Fri • 9am - 5pm
Message Us
Close
Download Our Agency Price Guide
Download and discover our hourly, day and retainer rates including our bulk hour discounts.

Close
What To Expect From Booking Your Discovery Call with James
photo
1
Book your time using the scheduler below.
Let’s find a good time for us both to speak so we can dedicate the time to understand your frustrations and challenges.
2
Receive a Short Email Questionnaire
If I have any questions before our call I will email you, this could be for me to carry out some initial research so I’m all up to speed.
3
Video Conference Call
To discuss your challenges, being able to see my screen I can demonstrate ideas and tactics to help reach your objectives.
photo
What To Expect From Booking Your Discovery Call with James
1
2
3
Book your time using the scheduler below.
Let’s find a good time for us both to speak so we can dedicate the time to understand your frustrations and challenges.
Receive a Short Email Questionnaire
If I have any questions before our call I will email you, this could be for me to carry out some initial research so I’m all up to speed.
Video Conference Call
To discuss your challenges, being able to see my screen I can demonstrate ideas and tactics to help reach your objectives.
Home / Insights / What Is Caching And Why Does My WordPress Website Need It?
Home / Insights / What Is Caching And Why Does My WordPress Website Need It?
Back

What Is Caching And Why Does My WordPress Website Need It?

Published 22.10.19
22nd October 2019
Last Updated 27.05.22
27th May 2022
Newer
10 Min Read
Martin Coates
Martin Coates
Performance
Older
10 Min Read
 
Martin Coates
Martin Coates
 
Performance

In many ways, website cache is the secret to the way the modern internet works, a small cog in a giant wheel that is nonetheless essential.

photo of gym lockers to illustrate caching

Building and maintaining your website is a complex undertaking. The website has to be intuitive, comprehensive, and mobile-responsive. It has to be visual and dynamic enough to keep users interested. And yet, it also has to be fast. Combining all of those elements would be impossible without a little thing called caching.

In many ways, website cache is the secret to the way the modern internet works, a small cog in a giant wheel that is nonetheless essential. But it can also become problematic. Ever wonder why content you’ve updated on the backend doesn’t actually show up for end users? Blame caching.

Caching is the most frequent cause of support queries for our clients, and this can be sometimes as painful to clients as hearing the words “It’s Not Us It’s You” – But it is in fact caching the route of the cause and with a few simple clicks – balance can be restored.

So consider this your comprehensive guide to caching, why it’s essential for fast websites–and why you should consider factoring it into your WordPress website to help improve page loading times and ensure a greater user experience.

An Introduction To Website Caching

It was originally supposed to be called muffer, but caching as a concept has existed almost as long as the internet itself. In 1967, IBM released a new computer with a major improvement: it would be able to collect data on an intermediary ‘store’, allowing the system to bypass core processing for repeated tasks.

In his book IBM’s 360 and Early 370 Systems, IBM Journal editor Lyle Johnson–who coined the term cache–compares the concept to the front desk of a library. It’s a temporary store for frequently used items that don’t have to go back on the bookshelf. Anyone wanting to check out these items doesn’t have to wait the extra time it takes to seek them out; because they’re so popular, they’re already available.

Or as Impact Media’s James puts it…

“You hit the gym daily, but don’t want to carry your trainers on your daily commute into London, so you take them in once and leave them in a locker. They are there when you need them and every now and then you need to clear out your locker (or wash your trainers) and website caching works in the same way – but less sweaty and smelly.”

The Definition and Meaning of Caching Today

It’s been more than 50 years since the term was coined, but this concept hasn’t changed. Today, caching has become a core part of the way any website operates. Those great graphics, animations, and embedded videos can only load as fast and play as smoothly as you want because elements of the website are pre-stored on intermediary storage (either in the user’s browser or on a server for the website as well) that makes them easier to retrieve.

TechTerms.com explains exactly what that means in practical terms for the user:

When you visit a webpage, the browser may cache the HTML, images, and any CSS or JavaScript files referenced by the page. When you browse through other pages on the site that use the same images, CSS, or JavaScript, your browser will not have to re-download the files. Instead, the browser can simply load them from the cache, which is stored on your local hard drive.

The same is typically true when you go back to the website. Without caching, those fast load times every marketer craves would be impossible to achieve.

The 3 Main Types of Caching in Website Design

Caching exists in almost every aspect of computing today. When it comes to your website, three distinct types of the process become especially relevant:

  1. Browser cache. Every major browser, from Google Chrome to Mozilla Firefox, saves certain elements of each website visited to increase user-friendliness. Well-built websites can communicate with users’ browsers when the content is outdated to clear the cache, and every user can manually clear their cache as well.
  2. Website cache. Think of it as similar to browser cache, except stored on the client side. Again, it’s an intermediary host that stores elements like images, style sheets, and JavaScript. Because it’s controlled by the website, it’s a bit easier to flush when needed.
  3. Server cache. This is the furthest away from the end user, and also the most permanent in many ways. The content to be loaded quickly is stored on a separate server, which avoids overloading a single server anytime a user visits a website. Access speed to the website increases drastically, but it’s also the most complex to set up and manage.

The Benefits of Caching for Your Website

Make no mistake: caching happens on every website because of just how important it is to the modern user experience. More specifically, its benefits revolve around site speed, server stability, and content availability.

Page Speed Aa A Major Benefit

We’ve already hinted at it: the biggest benefit of caching is site speed. If your browser, or the website you visit, already knows exactly what’s coming, they don’t have to request it. Research suggests that a loading a cached page can reduce HTML requests by more than 90%. In non-technical terms, that means your server will only need to load a little more than half of its total content.

It’s difficult to overstate the importance of that reduction. Your website visitors, regardless of your industry, expect your website to load quickly. If it doesn’t, they’ll bounce. In fact, research by Google found that 50% of users will abandon a website if it takes more than 3 seconds to load.

Increased Server Stability

Fewer requests to your server, and fewer data needing to be downloaded each time, also improves the stability of your website. Downtimes can happen easily because of server overload. You’d hate to get that influx in web traffic you’ve been waiting for, only for your site to crash because the server can’t handle it.

It’s not like the cache is a magical solution to that problem. It does help to prevent it, however. If the data is already stored locally or on an intermediary, the core server can focus on new users and fresh content. Just like that, you get a more stable website.

Caching As A Content Availability Boost

Finally, content availability becomes a major advantage of this tool. Should the service interrupt or the server temporarily go down, fully cached sites can still load. Even in the more common scenario of an overloaded server, cached content will become more relevant in building continuity with users who’ve been browsing on the site already.

Potential Drawbacks of Uncontrolled Website Caching

With the benefits out of the way, let’s focus on the opposite end of the spectrum. Cache is essential for any modern websites, but that doesn’t mean it’s without its faults.

The Problem With New Content

We’ve already discussed the most obvious and common problem above. But it’s worth reiterating again: perhaps the most frequent reason you run into cache-related issues is that time when you publish new content, but it just doesn’t seem to show up on the web front end. Browser and website cache continue to load the old content until they deem the new replacement more relevant. That can be a while.

That tends to be annoying at best, and problematic at worst; think about what might happen if you add a new blog post, job opening, or event and the information doesn’t show up on the front end. What was supposed to be a timely update now becomes a complicated mess complete with confused site visitors.

How Non-Expired Content Can Remain A Problem

When timely updates don’t show up, it’s annoying. When old content remains online just because the cache doesn’t realise as bad, that’s just as bad and can be even worse. We won’t bore you with the details about header coding that tells your cache what to do. When you work with the right web development partner, they can take care of that. Still, it’s worth diving into the importance of telling browsers when to clear old cache.

Think about what happens when your pricing information is outdated or the leadership in your about us section is no longer accurate. You will want to post new content. Otherwise, you’ll again run into inconsistent information that does nothing but confuse your audience. A cache that simply stores old content forever, an uncontrolled cache in other words, can lead to this type of issue.

What About Personal Information?

Finally, caching becomes problematic for any specific or even sensitive personal information. You will notice that banks and other monetary institutions never cache credit card info or anything else that could lead to identity theft. Naturally, they have an incentive to keep that information as close to the chest as possible. Caching and security don’t always go hand in hand.

Yes, there have been breaches specifically targeting web caches. That’s why best practice is always excluding these pages from your larger caching tool. And even when you do, when you consider the information harmless enough to temporarily store through caching, you need a strategy in place to minimise any potential problems and maximise the benefits.

Managing Your Cache for Better Web Performance

Every comprehensive website strategy has to include a caching component. That helps to build on the benefits and increase speed and stability, while minimising the potential problems that can occur as a result. And as it turns out, much of that strategy lies in the coding of the website itself.

First things first: the most controllable type of caching discussed above is website caching. Server caching is more complex, while browser caching depends in large part on the user. You can influence both (and gain influence if your website lives on a private server, but it’s typically a good idea to start with web caching in building out your policy.

Step 1: Determine Cachable Pages And Elements

The first step has nothing to do with coding. Instead, it simply involves going through your sitemap and determining where caching makes the most sense. High-frequency landing pages that don’t require a login tend to be the most natural fit.

On the pages you identify, know exactly what elements you want to cache. Possibilities might include:

  • Your company logo
  • Static images on the site
  • Multimedia files, like audio and video
  • Style sheets on the backend
  • JavaScript coding
  • Content that your users can download

The list can extend beyond these, but that tends to be a good starting point. When in doubt, talk with your web development partner about their experience and recommendations for your site as it’s being built out.

Step 2: Build Caching Header Tags For Each Page

This is where it gets complicated. Through header tags, an experienced web developer can set various rules for each published page. These header tags may determine anything from when a piece of content should be deemed stale (and no longer stored) to content that should never be cached to begin with.

If you’re not an expert in web coding, this can quickly become too complex to manage. Most page templates have pre-existing coding already built in; you might just want to check with your web developer to see if there are any custom rules you should be aware of, and what their recommendations are.

Step 3: Flush Your WordPress Cache Regularly

As we’ve established in the caching challenges above, even a good strategy with these header tags may not be enough. You don’t always know ahead of time when new content drives the older variation out of business. Fortunately, hosts like WordPress makes flushing all existing cache relatively simple.

Some plugins can help. Other builds have this option built-in to the actual solution. Talk to your web developer about what exactly it takes for your online presence. And of course, clearing your cache on your browser could be a simple and great step to take care of the issue.

Be careful, though: flushing the cache too often can cause those slow load times and potential server instabilities discussed above. Make sure you have a good reason to take this step, such as new core content that absolutely cannot wait to cycle through the ‘regular’ process.

Building Your Caching Strategy into Your Website Build

It’s a relatively small component of the larger website build. And yet, it’s hugely important. Knowing the basics about caching can, in no uncertain terms, help you build a better online presence. Of course, it also has to be managed right.

Understanding what you’re dealing with is the first essential step. Knowing how to manage it comes right after. This article can help; when in doubt, bring it up with your web agency. That helps you better manage your website, and make crucial improvements in the future.

You don’t have to be a developer to leverage caching the right way. You just have to work with a good development partner. Reach out to Impact Media with any questions on the topic, and for help in creating a caching solution for your WordPress website that improves your website speed without compromising its stability or quality.

See how the likes of Tungsten Publishing, Tollring and Automation Logic have experienced immediate performance improvements by moving onto one of out support plans inclusive of managed WordPress optimised hosting.

Not sure if your website has a caching solution?

Consider our WordPress website health check audit, where we can identify other ways to help improve speed, security and performance.

Share Socially
Martin Coates
Martin Coates
Technical Director, Golf Enthusiast & Ex-Superstar DJ
Martin is Mr Technical. His background is in PHP & WordPress development, however, the thing that keeps him up at night now is how to make websites load faster. Insights on performance optimisation and security are what you'll mostly find Martin sharing.
View Team Profile
See More Articles
Martin Coates
Martin Coates
Technical Director, Golf Enthusiast & Ex-Superstar DJ
Martin is Mr Technical. His background is in PHP & WordPress development, however, the thing that keeps him up at night now is how to make websites load faster. Insights on performance optimisation and security are what you'll mostly find Martin sharing.
See More Articles
View Team Profile

If You Liked This, You Might Like These

Performance
diagram of a cdn laid across the globe
November 24th, 2021
8 min read

What is a CDN & What are They Used For?

Learn about the nuances and benefits of content delivery networks, and what options WordPress site owners have.

Rommel PlofinoRommel Plofino
 
Performance
image compression header
April 20th, 2021
6 min read

The What, Why & How Of Image Compression For Fast-Lo...

Done right, image compression can make or break your website and affect search performance. In this guide, we cover the basics, from the types of compression available to the steps you can take for your own website.

Vikki BakerVikki Baker
 
Performance
speed test image
November 11th, 2020
7 min read

Slow Websites Kill Conversions. How Can You Improve Yours?

Don't let a slow website stand in the way of attracting customers. Find out how to assess and improve your website's speed.

Martin CoatesMartin Coates
 

Looking For Support For Your WordPress Website?

Let Us Take The Stress Of Website Maintenance & Support Off Your Plate

Looking For Support For
Your WordPress Website?
Let Us Take The Stress Of Website Maintenance & Support Off Your Plate
Get In Touch
studio@impactmedia.co.uk
020 3355 8747
linkedin logo
twitter logo
facebook logo
instagram logo
wordpress logo white

About Impact

  • Company Profile
  • Meet The Impact® Family
  • Why We’re A WordPress Agency
  • Our Process
  • Careers
  • Awards
  • Partners
  • Giving Back
  • 10K Tree Challenge

WordPress Agency Services

  • WordPress Design
  • UX Design
  • WordPress Development
  • WooCommerce Development
  • Migrating To WordPress
  • Custom WordPress Integrations & Plugins
  • WordPress Multisite
  • Conversion Rate Optimisation
  • WordPress Training

WordPress Support

  • WordPress Support & Maintenance
  • WordPress Support Brochure
  • Case Studies
  • Insights
  • Contact Us

WordPress Agency London

86-90 Paul Street,

London, EC2A 4NE

+44 (0) 20 3355 8747

& Essex

Woodland Place, Hurricane Way,

Wickford, Essex, SS11 8YB

+44 (0) 1268 858292
  • Sitemap
  • Privacy Policy
  • Cookie Policy
Impact Media logo
© Impact Media® 2003 - 2022
Impact Media is a trading name of IMDMS LTD. Company Reg. 05970261
Impact® & Impact Media®
are registered trademarks of IMDMS LTD