So let’s see how to enable and configure mod_pagespeed on SiteGround, what is included by default, and what we need to add on, and how.
to get started, log into the cPanel section of your SiteGround account, and locate the “SuperCacher” icon as you did before for enabling the Varnish caches.
On the resulting page, you can scroll down to find the mod_pagespeed module. If you’ve already configured your Varnish caches, it’ll be disabled. This is because you can only have one of the two modules active – either Varnish, or Google’s mod_pagespeed. Enabling either one will automatically disable the other. So it might be worthwhile to check out the relative impacts on the page loading speed when each of them is enabled.
Having said that, simply change the status of mod_pagespeed to “on”.
Now that it’s up and running, click the button labeled “Advanced” to bring up the default directives included at first.
To begin with, SiteGround only includes something known as “core filters” with mod_pagespeed. While these can give a substantial post your site and are also the safest to implement, there are many other directives which can have a dramatic impact on your page load speeds. Visit the official mod_pagespeed documentation website to see what else you can include. To give you an example of the additional power at your fingertips, I’m going to include a directive that changes all JPEG image files to Google’s WebP format that saves bandwidth while maintaining a high degree of visual fidelity. To do this, I’m going to pick up the direcive known as “convert_jpeg_to_webp”. Open the “Advanced” mod_pagespeed dialog box and add the following line below the existing ones:
Save your changes and flush the cache. Here is an example of a JPEG image on my website before I had added the line:
And once the mod_pagespeed filter kicked in, here is the very same image converted into the WebP file format:
p style=”text-align: center;”>
That’s pretty neat! Using just one line, you have implemented sitewide changes that can have a huge impact especially if you have a lot of pictures on your blog. Mod_pagespeed is a site independent module, meaning that it doesn’t matter what you run. Using the set of core filters and additional ones picked up from the mod_pagespeed documentation site, you can have perfectly optimized webpages.