Minify Resources (HTML, CSS, and JavaScript)

  • This documentation is outdated and refers to a deprecated version of PageSpeed Insights API (v4) which will be shut down.

  • Minification is the process of removing unnecessary data from web resources (HTML, CSS, JavaScript) without impacting functionality, improving page load speed.

  • You can use tools like HTMLMinifier, CSSNano, csso, UglifyJS, and Closure Compiler to minify your resources.

  • The PageSpeed Module for Apache or Nginx servers can automatically optimize your site, including minification.

This rules triggers when PageSpeed Insights detects that the size of one of your resources could be reduced through minification.

Overview

Minification refers to the process of removing unnecessary or redundant data without affecting how the resource is processed by the browser - e.g. code comments and formatting, removing unused code, using shorter variable and function names, and so on.

See preprocessing & context-specific optimizations to learn more.

Recommendations

You should minify your HTML, CSS, and JavaScript resources:

Alternatively, the PageSpeed Module, integrates with an Apache or Nginx web server to automatically optimize your site, including resource minification.

Feedback

Was this page helpful?