How to

This section provides a collection of practical guides and tutorials on how to work with the Google Page Speed Optimizer module.

📄️ Improve PageSpeed score

The optimal combination of settings in the Google PageSpeed Optimizer extension depends on your specific store setup.

📄️ Generate responsive images

The responsive images feature allows you to generate resized images for desktop and mobile versions of your site.

📄️ Fine-tune optimizations

In some cases, you may want to exclude specific pages from JavaScript or CSS optimization.

📄️ Ensure images are optimized

Google PageSpeed Optimizer automatically optimizes your store images to improve load times and overall site performance.

📄️ Configure Magento Cloud

Magento Cloud environments have write restrictions, which means configuration changes related to static content and deployment cannot always be performed directly from the Admin Panel.

📄️ Improve score by deferring GTM

Google Tag Manager (GTM) is one of the most common reasons for a low PageSpeed score. By default, GTM loads immediately and blocks page rendering, which negatively affects performance metrics like Largest contentful paint (LCP) and Total blocking time (TBT).

📄️ Upgrade extension

Follow these steps to update the extension via сomposer:

📄️ Disable extension

Using these steps you can disable or remove extension.

📄️ Delay JavaScript until interaction

Heavy third-party scripts — Google Tag Manager, analytics, chat widgets, review and social widgets — run during page load and inflate Total Blocking Time (TBT) and Speed Index, even though the user does not need them until they start interacting with the page.