Did you know that Autoptimize offers on-the-fly image optimization (with support for WebP and AVIF) and CDN via ShortPixel? Check out the Autoptimize Image settings to enable this option.

Autoptimize Settings

JS, CSS & HTML Images ⚡ Critical CSS Extra Optimize More!🚀 Pro Boosters

JavaScript Options

Optimize JavaScript Code?
Aggregate JS-files?	Aggregate all linked JS-files to have them loaded non-render blocking?
Also aggregate inline JS?	Let Autoptimize also extract JS from the HTML (discouraged as it can make Autoptimize's cache size grow quickly)
Force JavaScript in <head>?	Load JavaScript early (discouraged as it makes the JS render blocking)
Add try-catch wrapping?	If your aggregated scripts break because of a JS-error, you might want to try this, but generally discouraged.
Do not aggregate but defer?	Individual JS-files will be minified and deferred, making them non-render-blocking.
Also defer inline JS?	Also defer inline JS. Generally this will allow all JS to be deferred, so you should remove default exclusions, test and only exclude specific items if still needed.
Exclude scripts from Autoptimize:	A comma-separated list of scripts you do not want optimized, for example 'whatever.js, my_var' (without the quotes). Important: when "aggregate JS-files" is on, excluded non-minified files are still minified by Autoptimize unless that option under "misc" is disabled.
Remove Unused JavaScript?	Autoptimize combines your theme & plugins' JavaScript, but does not know what is used and what is not. If Google Pagespeed Insights detects unused JavaScript, consider using a plugin like "Plugin Organizer" or similar to manage what JavaScript is added where.

CSS Options

Optimize CSS Code?
Aggregate CSS-files?	Aggregate all linked CSS-files? If this option is off, the individual CSS-files will remain in place but will be minified.
Also aggregate inline CSS?	Check this option for Autoptimize to also aggregate CSS in the HTML.
Generate data: URIs for images?	Enable this to include small background images in the CSS itself instead of as separate downloads.
Eliminate render-blocking CSS?	Inline "above the fold CSS" while loading the main autoptimized CSS only after page load. Check the FAQ for more info. You can manually create rules for different types of pages or have this done fully automated on the CriticalCSS tab.

Inline all CSS?	Inlining all CSS is an easy way to stop the CSS from being render-blocking, but is generally not recommended because the size of the HTML increases significantly. Additionally, it might push meta-tags down to a position where e.g. Facebook and Whatsapp will not find them anymore, breaking thumbnails when sharing.
Exclude CSS from Autoptimize:	A comma-separated list of CSS you want to exclude from being optimized. Important: excluded non-minified files are still minified by Autoptimize unless that option under "misc" is disabled.

HTML Options

Optimize HTML Code?
Also minify inline JS/ CSS?	Enable this if you want inline JS or CSS to be minified as well.
Keep HTML comments?	Enable this if you want HTML comments to remain in the page.

CDN Options

CDN Base URL
Enter your CDN root URL to enable CDN for Autoptimized files. The URL can be http, https or protocol-relative. This is not needed for Cloudflare.
Cache Info

Cache folder /home/dh_u4uxjc/chaseaaron.com/wp-content/cache/autoptimize/

Can we write? Yes

Cached styles and scripts 93 files, totaling 26.67 MB (calculated at 12:09)

Misc Options

Save aggregated script/css as static files?	By default files saved are static css/js, uncheck this option if your webserver doesn't properly handle the compression and expiry.
Minify excluded CSS and JS files?	When aggregating JS or CSS, excluded files that are not minified (based on filename) are by default minified by Autoptimize despite being excluded. Uncheck this option if anything breaks despite excluding.
Enable 404 fallbacks?	Sometimes Autoptimized JS/ CSS is referenced in cached HTML but is already removed, resulting in broken sites. With this option on, Autoptimize will try to redirect those not-found files to "fallback"-versions, keeping the page/ site somewhat intact. In some cases, this will require extra web-server level configuration to ensure `wp-content/autoptimize_404_handler.php` is set to handle 404's in `wp-content/cache/autoptimize`.
Also optimize for logged in editors/ administrators?	By default Autoptimize is also active for logged-on editors/ administrators, uncheck this option if you don't want Autoptimize to optimize when logged in e.g. to use a page builder.
Enable configuration per post/ page?	Add a "meta box" to the post/ page edit screen allowing different optimizations to be turned off on a per post/ page level?
Disable extra compatibility logic?	Autoptimize applies extra "compatibility logic" to prevent issues with JS optimization (for e.g. Gutenberg blocks, Revolution Slider, jQuery-heavy plugins, ...) but may sometimes be a bit too careful. If you have render-blocking JS issues, you can try disabling this logic here. Make sure to test your site thoroughly though!

Autoptimize news