WordPress

Best Autoptimize Settings For WordPress Plugin In 2022

Today I am going to show you the best autoptimize settings. Many optimization and caching plugins are available in the WordPress plugin directory. But that’s what I’ve used on many sites with the WP Fastest cache combo.

Autoptimize settings for WordPress to get better performance in page speed tools like GtmetrixGoogle Pagespeed Insights and Pingdom.

For a better performance test please take screenshots before and after then you will notice how much this setting works with your WordPress site.

Best Autoptimize Settings

Install and Activate the Autoptimize

Go to plugin and search “Autoptimize” click on install button once install click on activate button.

JS, CSS & HTML Settings

Optimize Javascript Code – Enable
Aggregate JS files? – Enable
Also aggregate inline JS? – This can improve my page performance but the reason I cannot enable this is that this stops my popup to display. You can check this setting by enabling or disabling the feature.
Force JavaScript in? – Disable Exclude scripts from Autoptimize – Leave as it is.
Add try-catch wrapping – Disable

CSS Options

Optimize CSS code – Enable

Aggregate CSS files – Enable

Also aggregate Inline CSS – Enable

Generate data: URLs for images – Disable

Inline and Defer CSS – Disable

Inline all CSS – Disable

Exclude CSS from Autoptimize – Leave as it is

Caching Options

Optimize HTML code– Enable

Keep HTML comments – Disable

CDN base URL – Leave this blank if you are using Cloudflare otherwise enter your CDN root URL to enable CDN for autoptimized files.

Cache Info – In this section, you will find your cache folder, cached styles & scripts.

Misc Options

Save aggregated script/CSS as static files – Enable

Minify excluded CSS & JS files – Enable

Experimental: Enable 404 fallbacks – Enable

Also, optimize for logged-in editors/administrators – Enable

Save changes and now click on Images from the top.

Conclusion

So, these are the Best Autoptimize settings configuration for WordPress. And for your information we have tested this configuration from our side. Follow these settings with your wordpress site and check your results.

Also, let us know in the comments how that works or if you are facing any problems setting up.

Developer Diary

Share
Published by
Developer Diary

Recent Posts

Git Tag Cheat Sheet

Introduction Git tags are an essential feature of version control systems, offering a simple way…

3 months ago

Understanding Web Storage: Cookies, Local Storage

Introduction The methods that browsers employ to store data on a user's device are referred…

4 months ago

Setting up OpenVPN Access Server in Amazon VPC – AWS

Introduction A well-known open-source VPN technology, OpenVPN provides strong protection for both people and businesses.…

4 months ago

Enhance Error Tracking & Monitoring: Integrate Sentry with Node.js & Express.js

Introduction Integrating Sentry into a Node.js, Express.js, and MongoDB backend project significantly enhances error tracking…

4 months ago

Comparing Callbacks, Promises, and Async/Await in JavaScript

Introduction In the world of JavaScript development, efficiently managing asynchronous operations is essential. Asynchronous programming…

6 months ago

How To Secure Nginx with Let’s Encrypt on Ubuntu EC2 Instance

Introduction Let's Encrypt is a Certificate Authority (CA) that makes it simple to obtain and…

8 months ago