How do setup gzip & leverage browser caching properly on Wordpress

Did you enable mod_expires and mod_headers? And remember to restart Apache after changing its configuration. Run: <br> <br><pre> <br>sudo a2enmod headers <br>sudo a2enmod expires <br>service apache2 restart <br></pre> <br> <br>As for W3, I’m not sure what server side set up you’re referring to, but at least for setting up gzip compression it works out of the box on the one-click Wordpress app.

I am having a similar issue here. I have Ubuntu 14.04 with wordpress, apache2, mysql (the default wordpress application image from DO). Do I also need to add AllowOverride Indexes? If so where? I have many places where AllowOverride appears in my apache2.conf.

I am still getting this from google pagespeed:

Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.

http://platform.twitter.com/widgets.js (30 minutes)
.../media/js/count.js?ver=4.1.1 (2 days)
.../jetpack/modules/wpgroho.js?ver=4.1.1 (2 days)
.../plugins/monarch/js/custom.js?ver=1.2 (2 days)
.../monarch/js/idle-timer.min.js?ver=1.2 (2 days)
.../powerpress/player.min.js?ver=4.1.1 (2 days)
.../fontawesome-webfont.woff?v=4.2.0 (2 days)
.../fonts/titillium-light-webfont.svg (2 days)
.../fonts/titillium-light-webfont.woff (2 days)
.../fonts/titillium-regular-webfont.svg (2 days)
.../fonts/titillium-regular-webfont.woff (2 days)

Here is the config I put at hte bottom of my apache2.conf (yes expires and headers mods are enabled):

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 week"
ExpiresByType application/pdf "access 1 week"
ExpiresByType text/x-javascript "access 1 week"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 month"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES CACHING ##

What am I missing? tools.pingdom.com also gives me a terrible score for “leverage browser caching”

Hi there, <br> <br>Thanks Kamal for this message. I forgot to add that I finally solved this problem adding ‘Indexes’ to the “AllowOverride” line in apache2.conf file: <br> <br><Directory /var/www> <br> Options FollowSymLinks <br> AllowOverride FileInfo Indexes <br></Directory> <br> <br>Now it’s working fine :) Thanks a lot! <br> <br>Cheers.

Try running the following commands: <br><pre>sudo a2enmod expires <br>sudo service apache2 restart</pre>

Hi again, <br> <br>I’ve checked the Apache error log and this is what is causing the problem: <br> <br>“.htaccess expiresactive not allowed here” <br> <br>I’m trying to find a solution online but can’t find clear instructions. Will keep you updated if I finally can solve it. <br> <br>Thanks.

Hi! <br> <br>I run these three last commands and edited the .htaccess file for my Wordpress installation and now I’m getting a 500 Server Error :( Is there a way to revert this? <br> <br>Cheers.

Hi again, w3 is so complex for me, it requires too much thing on server side and i am far from there… i just searched and i found .htaccess modification. <br> <br>my .htaccess file like this, but browser caching doesn’t work. <br>any advice? <br>thanks a lot <br>tolga <br>----------------------------------------------------------------------------------- <br># BEGIN WordPress <br><ifmodule mod_rewrite.c=“”> <br>RewriteEngine On <br>RewriteBase / <br>RewriteRule ^index.php$ - [L] <br>RewriteCond %{REQUEST_FILENAME} !-f <br>RewriteCond %{REQUEST_FILENAME} !-d <br>RewriteRule . /index.php [L] <br></ifmodule> <br> <br>##EXPIRES CACHING## <br><ifmodule mod_expires.c=“”> <br># Enable expirations <br>ExpiresActive On <br># Default directive <br>ExpiresDefault “access plus 1 month” <br># My favicon <br>ExpiresByType image/x-icon “access plus 1 year” <br># Images <br>ExpiresByType image/gif “access plus 1 month” <br>ExpiresByType image/png “access plus 1 month” <br>ExpiresByType image/jpg “access plus 1 month” <br>ExpiresByType image/jpeg “access plus 1 month” <br># CSS <br>ExpiresByType text/css “access 1 month” <br># Javascript <br>ExpiresByType application/javascript “access 1 month” <br></ifmodule> <br> <br><ifmodule mod_mime.c=“”> <br>AddType application/x-javascript .js <br>AddType text/css .css <br></ifmodule> <br> <br><ifmodule mod_deflate.c=“”> <br>SetOutputFilter DEFLATE <br><ifmodule mod_setenvif.c=“”> <br>SetEnvIfNoCase Request_URI .(?:rar|zip)$ no-gzip dont-vary <br>SetEnvIfNoCase Request_URI .(?:gif|jpg|png)$ no-gzip dont-vary <br>SetEnvIfNoCase Request_URI .(?:avi|mov|mp4)$ no-gzip dont-vary <br>SetEnvIfNoCase Request_URI .mp3$ no-gzip dont-vary <br></ifmodule> <br><ifmodule mod_headers.c=“”> <br>Header append Vary User-Agent env=!dont-vary <br></ifmodule> <br></ifmodule> <br> <br># END WordPress

Thanks Andrew! I’ll try…

The simplest solution is probably to use the W3 Total Cache plugin: <br> <br>https://wordpress.org/plugins/w3-total-cache/ <br> <br>In the admin panel, go to Plugins -> Add New and search for “w3 cache” and click the install link. Now go to Plugins -> Installed Plugins and click the “activate” link. You should now see a new “Performance” menu in the sidebar of the admin panel. gzip compression should now be enabled. To verify that, go to Performance --> Browser Cache and make sure “Enable HTTP (gzip) compression” is checked. It should look like: <br> <br>http://i.imgur.com/Ramgb1Y.png <br> <br>