Using PageSpeed with bootstrap_package

Information: https://www.modpagespeed.com/ (The PageSpeed Modules, mod_pagespeed and ngx_pagespeed, are open-source webserver modules that optimize your site automatically.)

One of the main advantages is to convert older images format like gif, jpeg or png to WEBP format and serve it. Also out-of-the-box is legacy support for IE11.

Mod_pagespeed don't optimize / convert images that have been added as HTML5 <source srcset=""> tag (bootstrap_package use this tags by default when adding images in content elements - CE), so you must modify pagespeed.conf witch is located in:

Apache: Debian/Ubuntu: /etc/apache2/mods-available/ CentOS/Fedora: /etc/httpd/conf.d/

Nginx: /usr/local/nginx/conf/

You must add this line at the end of the config: ModPagespeedUrlValuedAttribute source srcset image And reload your webserver.

Full documentation: https://www.modpagespeed.com/doc/domains#url-valued-attributes