One of the easiest ways to make your Joomla website faster - which involves no effort at all from your side, is to leverage Joomla browser caching. This is one of the high priority tasks recommended by Google to make your website load faster.
Essentially, what you are doing is reusing any files which exist on the users' machine, without having to download them again. By extending the caching lifetime (or how long a file takes to become old), you are making sure that your visitors do not spend time downloading the same files every time they visit your website.
This change involves very little changes and is not very complicated and this web design blog will tell you exactly how to do it.
If you're looking for a way to leverage browser caching for WordPress - we've written about that too here: https://www.collectiveray.com/wp/tips/leverage-browser-caching-wordpress.
Not that there are two primary ways:
- Using the Page Cache plugin
- Manually by changing the .htaccess file
Let's have a look at both of these options:
Enable browser caching via System - Page Cache Plugin
The simplest way to enable browser caching in Joomla is to use the built-in support, using the System - Page Cache plugin. To enable browser caching using the plugin:
- Go to Extensions > Plugins
- Search for Cache
- Click on the System - Page Cache plugin
- Switch on the Use Browser Caching switch
- Change the status of the plugin from disabled to Enabled
- Click Save.
Notes on using this function. The Joomla documentation does not state how long the files will be cached for. We would assume that the time would be around 1 month.
Also, if you have pages that require session-based information, such as a shopping cart, make sure that you exclude these pages. You could exclude the whole menu items as per the above, or switch to the Advanced tab to exclude specific URLs, or URL regular expressions.
Change .htaccess to increase Joomla browser cache
To set the expiry time of files such as images and CSS files, this requires a slight modification to your .htaccess file, which is found in the root of your hosting server. This is done by changing the expire headers.
Add Expires Headers to Joomla
As a bare minimum, you add the following in your .htaccess file. To do this, simply access your hosting CPanel, and with your File Editor, find the .htaccess file and add the following to the bottom of the file.
Do not make any other changes.
Set Image files change to a long browser caching expiry
As you can also see in our example above, our image files are set to expire only once a year.
This makes sure that the files which take the most time to download are kept on the visitors' machine, and won't have to be downloaded again next year. Due to this change in your Joomla browser caching - the images are not downloaded again for one whole year.
This makes the experience of a returning customer much more positive. You can choose to make this time, longer or shorter depending on your own website's requirements.
Frequently Asked Questions
What is leverage browser caching?
Leverage browser caching means you should take advantage (leverage) of the functionality of the browser caching function. By default, browsers support caching of files until they "expire" i.e. they are deemed as stale and require a refresh. The webserver can instruct the browser how long before file files expire (for example, 1 month). By doing this, the browser can reuse the files without having to download them again, making your website load faster in the process.
How do I enable browser caching in Joomla?
You can enable browser caching in Joomla by enabling the System - Page Cache plugin with the Use Browser Caching option switched on. Or you could tweak the .htaccess file of your website as per the above.
Do I need to enable both options?
No, one of the above options is enough. With the .htaccess file, you have more granular control because you can choose the caching time yourself, and you can choose which file types to cache. You can also choose to cache some file types longer than others as per the needs of your website.
Still got a question about how to leverage browser caching in Joomla? Do drop us a line in the comments below.
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!