Enable htaccess cache control

Enable htaccess cache control for a faster website

Quickly speed up your website with this one tip: enable htaccess cache control. Allow your users to locally cache your website to speed up browsing.

One of the nifty ways to speed up a website is using some quick htaccess cache control. If you allow your website to cache page content locally, then users will have faster load times of your website as they browse around.

Open your htaccess file

To enable cache control on your website, open your primary .htaccess file. Usually located inside of the “public_html” folder on your web server. Most website will already have a .htaccess file, so you can simply edit yours and add the cache control lines below.

Don’t have a .htaccess file?

No worries. You can create one very quickly. You can either make one locally on your computer and upload the file to your web server, or create one using an online manger like cPanel.

Either way, create a new file on in the root of your public website directory and name it “.htaccess“. You may need to enable viewing of hidden extensions and enable editing file extensions, depending no the method you chose to use.

You can also create an empty text file and rename it to “.htaccess“. I usually end up doing this a lot.

Enable htaccess cache control

Inside of your htaccess file, you need to add the following code in order to enable htaccess cache control:

# Start Cache control
<IfModule mod_expires.c>
   # Turn on the module.
   ExpiresActive on
   
   # Set the default cache times
   ExpiresDefault "access plus 7 days"
   ExpiresByType image/jpg "access plus 3 month"
   ExpiresByType image/svg+xml "access 3 month"
   ExpiresByType image/gif "access plus 3 month"
   ExpiresByType image/jpeg "access plus 3 month"
   ExpiresByType image/png "access plus 3 month"
   ExpiresByType image/ico "access plus 3 month"
   ExpiresByType image/x-icon "access plus 3 month"
   ExpiresByType text/css "access plus 1 month"
   ExpiresByType text/javascript "access plus 1 month"
   ExpiresByType application/javascript "access plus 1 month"
   ExpiresByType text/html "access plus 1 month"
</IfModule>
# End cache control

Using the “mod_expires” module inside of htaccess, I set the expiration time (aka cache) time for each of the file types. Feel free to change the expiration time to your hearts desire.

Typically, I set the CSS/JS cache time to be a month or more and the images to be even longer. My reasoning is that if I am more likely to make changes to the design of my sites far more often than changes to images. You know?

Default image
nickfrosty
Indie developer with about 10 hours a week to work on dev projects. Currently working on finbab.com (a personal finance app) and fii.sh (an open source url shortener).
Articles: 9

Join the Mailing List!

Get quality code and dev tips delivered directly to your mail box.
(usually about once a month)

Leave a Reply