October 22, 2019
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 INTO 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:
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:
- 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.
- 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 as 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 Cache
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 realize 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
- 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 for any questions about 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.
Not sure if your website has a caching solution?
Call us at 020 3355 8747 and get a free WordPress website audit, where we can identify other ways to help improve speed, security and performance.
KEEP ON READING
There are upsides and downsides to live chat; not every business will be able to take advantage of every positive aspect, and not every business will be able to evade every negative one. However, with proper preparation and knowledge on your side, you’ll be well-poised to make informed decisions about how to leverage the technology to your benefit.
Impact are once again supporting our client Regency Security in their mission to raise £5,000 for Help for Heroes. We’re entering a 6-a-side team into Regency’s tournament held at Carrow Road. Home of Norwich City F.C.
Upon our recent trip to WordCamp London 2019, I have still been thinking about certain talks that I attended and even a week later I am placing these suggestions into my every day life. This lead me onto writing about who my top 5 speakers were, why and where you can watch them.