Google Page Speed Optimizer

User Guide: Google Page Speed Optimizer

Google Page Speed Optimizer

Magento Extension User Guide

Official extension page: Google Page Speed Optimizer

Support: http://amasty.com/contacts/

https://amasty.com/magento-google-page-speed-optimizer.html


http://amasty.com/

Table of contents:

1. JavaScripts minification settings…………………………………………………………………..3 2. CSS minification settings………………………………………………………………………….…..5 3. Fingerprints settings…………………………………………………………………………………....6 4. Render-blocking content settings………………………………………………………….……….7 5. Images Optimization………………………………………………………………………….…………8 6. Debug settings……………………………………………………………………………………………..10 7. Optimization results in Google PageSpeed Insights……………………………..…….…….11



http://amasty.com/


1. JavaScript minification settings



To configure extension settings please go to System -> Configuration - > Google PageSpeed Optimizer

http://amasty.com/


Choose the minification level. Click here to read more about minification levels.



Enable JavaScript minification.

NOTE: For JS minification the module uses the Google Closure Compiler tool.

1. JavaScript minification settings

http://amasty.com/

https://developers.google.com/closure/compiler/docs/compilation_levels#whitespace_only



Set the option to ‘Yes’ to enable CSS code minification. During the minification process all unnecessary characters like new lines, comments and others will be accurately removed without affecting your source code.


2. CSS minification settings

http://amasty.com/


The option adds Timestamp to all JS and CSS files to make browser automatically update cached values once they are changed.



3. Fingerprints settings

http://amasty.com/




Enable this option to move all JavaScripts to footer to make pages render much faster.

4. Render - blocking content settings

http://amasty.com/




Enable the option to automatically compress all product images generated by Magento.

Install these utilities for images optimization to your server . In case you don’t want to install them to the server, but only to your website you need to specify the path to the utilities here.

5. Images Optimization

NOTE: Please follow the step-by-step instruction to properly configure images optimization.

http://amasty.com/




5. Images Optimization

For correct image optimization please follow these steps: 1. Install jpegoptim, optipng and gifsicle %f -o %f utilities to your server.

2. Set the option to ‘Yes’ to enable automatic product images optimization.

3 . Then go to System -> Cache Management and click the ‘Flush Catalog Images’ button to optimize new images.

4. To optimize images stored in skin and media folders you need to enter your server via ssh, open Magento root directory and run the command: php -f shell/amoptimization.php -- optimize

http://amasty.com/


6. Debug settings



Activate this option to add all possible minification errors to log.

http://amasty.com/




Use Google PageSpeed Insights tool to check out your desktop website performance.

7. Optimization results in Google PageSpeed Insights

See the example of PageSpeed Insights results before and after using Google Page Speed Optimization extension.

http://amasty.com/


https://developers.google.com/speed/pagespeed/insights/

Thank you!

Your feedback is absolutely welcome!

Should you have any questions or feature suggestions, please contact us at:

http://amasty.com/contacts/





http://amasty.com/


Google Page Speed Optimizer

Technology

Transcript of Google Page Speed Optimizer