Pagespeed issues: Leverage Browser Caching

I am failing the Google and GTmetrix speed tests miserably for my WordPress site. Both specify that browser caching is not enabled. I have tried a few caching plugins, such as WP Super Cache, but they have had zero effect. I have also manually edited the .htaccess file with the following: ##### EXPIRE CACHING - LEVERAGE BROWSER CACHING ##### <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 month 1 days" ExpiresByType text/html "access plus 1 month 1 days" ExpiresByType image/gif "access plus 1 month 1 days" ExpiresByType image/jpeg "access plus 1 month 1 days" ExpiresByType image/png "access plus 1 month 1 days" ExpiresByType text/css "access plus 1 month 1 days" ExpiresByType text/javascript "access plus 1 month 1 week" ExpiresByType application/x-javascript "access plus 1 month 1 days" ExpiresByType text/xml "access plus 1 seconds" </IfModule> ##### END EXPIRE CACHING ##### But, again, it has had zero impact. I have tried my host provider, BlueHost, three times and they have given me a different response each time but they all roughly equate to "nothing to do with us." Does anyone have an idea what I may be doing wrong? I feel like I am hitting my head against a brick wall with this one! I would appreciate any help you can give me. wordpress performance .htaccess caching browser-cache shareimprove this question edited Mar 30 at 7:08 Ryan♦ 141k26280316 asked Mar 29 at 20:46 Sarah 1

add a comment

1 Answer

activeoldestvotes

up vote0down vote

The code that you have added will work only when apache module mod_expires is active. Alternatively, you can use the following code (add it to .htaccess) # 1 YEAR <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$"> Header set Cache-Control "max-age=31536000, public" </FilesMatch> # 1 WEEK <FilesMatch "\.(jpg|jpeg|png|gif|swf)$"> Header set Cache-Control "max-age=604800, public" </FilesMatch> # 1 WEEK <FilesMatch "\.(txt|xml|js|css)$"> Header set Cache-Control "max-age=604800" </FilesMatch> # NEVER CACHE - notice the extra directives <FilesMatch "\.(html|htm|php|cgi|pl)$"> Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate" </FilesMatch> Please note, that this will leverage browser caching only for internal files, you can't control it for external files. shareimprove this answer answered Mar 29 at 21:51 Lusine Avagyan 153

For external files, you can use a cron: Leverage Browser Caching for 3rd Party JS – thickguru Mar 29 at 22:43 Thanks for your help. I tried the code you gave me and that doesn't seem to work either. – Sarah Mar 30 at 8:12