What is Autoptimize plugin?
Autoptimize is a free, open-source WordPress optimization plugin focused on aggregating and minifying CSS, JavaScript, and HTML to reduce the number of HTTP requests and file sizes. It is one of the most widely used free performance plugins, with over 1 million active installations. It does not provide page caching — that should be handled by a separate caching plugin — but it handles the asset optimization layer effectively.
Autoptimize works well as an asset optimizer paired with a hosting-level or separate caching plugin. It handles CSS and JS aggregation and minification, critical CSS (via integration with a separate critical CSS generation service or its own basic implementation), image lazy loading, and Google Fonts optimization. The plugin also integrates with Cloudflare and other CDN providers for serving optimized assets.
The free version covers all core optimization features. Autoptimize Pro adds a built-in CDN (via ShortPixel’s network), more sophisticated image optimization, preloading, and additional optimization controls. However, most users get significant value from the free version alone without a Pro upgrade.
Autoptimize is best paired with a page caching plugin on shared hosting, or used on top of server-level caching at managed hosts. It is particularly popular in combination with WP Super Cache or Simple Cache because those plugins provide basic page caching that is lighter than W3 Total Cache, and Autoptimize handles the asset optimization those plugins lack.
Need Help With Autoptimize Setup, Troubleshooting, or Customization?
Need help with Autoptimize? Whether you are dealing with errors, broken functionality, styling problems, plugin conflicts, or advanced customization, we can help you fix the issue and get the plugin working properly on your WordPress site.
Get Autoptimize Expert HelpKey Features
- CSS, JavaScript, and HTML minification and aggregation
- Critical CSS injection for above-the-fold optimization
- Lazy loading for images and iframes
- Google Fonts optimization (async, preconnect, local hosting)
- Cloudflare and other CDN integration
Pros & Cons
Pros
- Completely free for core features
- Works well alongside page caching plugins
- Google Fonts optimization is well-implemented
Cons
- Does not provide page caching — needs a caching plugin
- Aggregation can occasionally break scripts that depend on load order
Free vs Premium
Autoptimize free covers all core CSS/JS/HTML optimization. Autoptimize Pro adds a CDN via ShortPixel’s network, more advanced image optimization, preloading, and additional controls.
Common Problems & Fixes
Why is Autoptimize CSS or JS aggregation breaking my site?
CSS or JS aggregation changes the load order and delivery of assets. Scripts that depend on being loaded before other scripts, or that have inline script dependencies, can break when aggregated into a combined file. To diagnose: disable JS aggregation first (Autoptimize → JS → Aggregate) and test if the issue resolves. If yes, the problem is a script that cannot be aggregated. Identify it by gradually adding scripts back using the Exclude field. Similarly for CSS, disable aggregation and test.
Why is Autoptimize critical CSS not working?
Autoptimize’s built-in critical CSS is basic — it inlines above-the-fold CSS using rules you configure manually. For automatic critical CSS generation, Autoptimize integrates with a paid external service (criticalcss.com). If the integration is configured but not generating CSS, verify your API key in Autoptimize settings and that the service can reach your site URL. Autoptimize also uses cached critical CSS files — purge the Autoptimize cache after any critical CSS changes.
Why are images still loading at full size in Autoptimize lazy loading?
Autoptimize’s lazy loading adds loading=”lazy” to images. Browsers that support native lazy loading use this. However, images above the fold that appear before the first scroll should not be lazy-loaded — they should load immediately. If important above-the-fold images are being lazy-loaded incorrectly, add their CSS class or path pattern to the Autoptimize → Images → Exclude Images list.
Customization & Developer Notes
How do I exclude specific scripts from Autoptimize aggregation?
In Autoptimize → JS → Exclude scripts from Autoptimize, add the file path or keyword from the script URL (e.g., “contact-form-7” or “woocommerce”). Excluded scripts are not aggregated or moved in page order. Use this for scripts that break when aggregated or that must load in a specific position.
Can I use Autoptimize with WP Rocket?
WP Rocket has its own minification and aggregation settings. Using Autoptimize’s CSS/JS optimization alongside WP Rocket’s equivalent settings creates conflicts and duplicate processing. When using WP Rocket, disable Autoptimize’s JS and CSS optimization and only use Autoptimize’s HTML optimization or image lazy loading if you need specific features WP Rocket does not cover.
Frequently Asked Questions
Does Autoptimize provide page caching?
No. Autoptimize optimizes CSS, JavaScript, and HTML files but does not cache full page output. Pair it with a page caching plugin like WP Super Cache, WP Rocket, or LiteSpeed Cache.
Is Autoptimize safe to use on a WooCommerce store?
With proper configuration, yes. The main concern is aggregating WooCommerce JavaScript that depends on specific load order or inline script initialization. Test with all Autoptimize settings enabled on a staging site, then exclude any WooCommerce scripts that cause checkout or cart issues.
Does Autoptimize support lazy loading out of the box?
Yes. Autoptimize → Images → Lazy-load images enables native browser lazy loading for images and iframes. This is a free feature that improves initial page load time by deferring off-screen images.
Is Autoptimize still actively maintained?
Yes. Autoptimize is actively maintained by Frank Goossens and a small contributor community. The plugin has been around since 2012 and receives regular updates for compatibility with current WordPress and PHP versions.