htaccess leverage browser caching for images and css

Question

I am trying to create a htaccess file for my website and the pageSpeed insights has shown that there are images and one css file without expiration.

I am not sure where to start with this or how to do it, I have this code from a tutorial online and was wondering if this would be enough to work.

<IfModule mod_expires.c> ExpiresActive On ############################################ ## Add default Expires header ## http://developer.yahoo.com/performance/rules.html#expires <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> ExpiresDefault "access plus 1 year" </FilesMatch> </IfModule> 

Or does this code do what I need it to do?

Thanks

Answer 1

try something like

<IfModule mod_expires.c>    ExpiresActive On   ExpiresDefault "access plus 1 seconds"   ExpiresByType text/html "access plus 1 seconds"   ExpiresByType image/x-icon "access plus 2592000 seconds"   ExpiresByType image/gif "access plus 2592000 seconds"   ExpiresByType image/jpeg "access plus 2592000 seconds"   ExpiresByType image/png "access plus 2592000 seconds"   ExpiresByType text/css "access plus 604800 seconds"   ExpiresByType text/javascript "access plus 86400 seconds"   ExpiresByType application/x-javascript "access plus 86400 seconds" </IfModule> 

or

<FilesMatch "\.(?i:gif|jpe?g|png|ico|css|js|swf)$">    <IfModule mod_headers.c>     Header set Cache-Control "max-age=172800, public, must-revalidate"   </IfModule>  </FilesMatch>