In our last post, we talked about how caching works and why it’s an important part of the viewing experience on your site. But sometimes there are caching issues that seem to break the site. What causes these issues? What can we do to prevent these issues from occurring?
If caching is so great, why does it sometimes break my site?
Another fantastic question. The answer is fairly simple.
You’ve seen it yourself — you log into your WP admin dashboard and everything looks different! You contact support and they tell you to “clear your browser cache” and instruct you on how to do so. Everything looks right again!
What happened? In short, the information stored on your website didn’t match the information the cache told your browser to look for. This can happen with either type of caching — browser or server-side — and it’s a tough technical issue to solve.
Again, this is quite difficult and there are sometimes conflicts. This can cause panic because it might temporarily show an incorrect version of your site to your readers, which isn’t something we want.
What can I do to keep this from happening?
There’s no way to prevent this entirely. Even if you have no caching plugins and all caching is disabled on your server (which you wouldn’t want to do because that’s not very efficient at all), your reader’s browsers will still store a cached version of your site. However, there are a several ways to help minimize the conflicts.
- Make sure your caching plugins or server settings are set to reset your cache at least every 24 hours.
- Reset your cache after updating, activating, or deactivating plugins and themes. This is especially important for plugins that affect the visuals and interactivity of your site (sharing plugins, image optimizers, recipe cards).
- Separate your mobile and desktop caches when possible.
- If you have a caching plugin, ask your host to disable server-side caching to prevent cache conflicts.
- If you’re not using a caching plugin, talk to your host to make sure your server caching has similar settings.
- If you see the same issue over and over, contact support!
Glossary of cache terms:
- Browser caching – The information a browser stores about a particular page on a site after visiting it for the first time.
- Server caching – The information a server stores about a particular page.
- Request – the message a browser sends to a server asking to for a specific page or piece of data. This message includes the URL, information about your browser, and search terms (if applicable), as well as many other pieces of information.
Subscribe for Updates
Stay up to date with the latest from Mediavine
Call me a typography nerd, but choosing brand fonts is always my favorite part of the design process. Typography, the study of fonts and the way letters are designed has …
Today we’re excited to host Jamie Lieberman of Hashtag Legal on the Mediavine blog to explain the latest web accessibility case and why it matters to publishers. On April 7, …