Autoptimize

Free!

Review Date

11-10-2021

Type

Website Optimizer

Pricing options

Free

Active Installations

1+million

Ease of use

Easy

Wordpress Compatibility

4.9 or higher

Support Duration

Monthly

Support System

Forum

Licensing Type

GPL

Site Usage

Unlimited

Autoptimze will speed your website its easy to understand and has easy user interface.

Add your review
Add to wishlistAdded to wishlistRemoved from wishlist 1
Add to compare
9.6Expert Score
Expert Score

Autoptimze will speed your website its easy to understand and has easy user interface.

Options Set Up
9.8
Performance
9.8
Support
9.8
Ease of Use
9.5
Pricing
10

Autoptimize

Since you will have too many databases like plugins and also some unused HTML, JS & CSS. And there might other reasons that will make your site goes slow, using autoptimize will help you load your website fast and also helps you to improve its performance.

Autoptimze
Autoptimze Plugin

you can download it for free from WordPress.org

Settings Up Autoptimize

JavaScript Options

Optimize Javascript Options:

Enable the “Optimize Javascript Options “, this will help minify your JS code.

Autoptimize Javascript
Autoptimize Javascript

Aggregate JS-files:

  • This option will help you to combine all your Js files into one single file.

Also, aggregate inline files:

  • This helps you to extract all the inline js code from your HTML files, Enabling this option might cause in increase autoptimize caches, suggest you only enable it if you have a valid reason to do so. else keep it disabled.

Force Javascript in <head>:

  • Suggest you not to enable this option. Forcing JS to load early can cause render-blocking elements which might cause your website to slow down.

Exclude Scripts from Autoptimize :

  • This helps you exclude some directories and Js files, from forming a cluster of related items. By default, Autoptimize will exclude these files.
  1. wp-includes/js/dist/
  2. wp-includes/js/tinymce/
  3. js/jquery/jquery.js

Add try-catch wrapping? :

This option is useful for debugging issues cause by JS, If your site working only with try-catch wrapping we suggest you enable it (developers) to help you identify which js file is causing the issues, Excessive use of this option can reduce JS performance.

CSS Options

Autoptimize CSS Option
Autoptimize CSS Option

Optimize CSS code? :

Enable the “Optimize CSS Code “, this will help minify your CSS code.

Aggregate CSS-files? :

  • This option will help you to combine all your CSS files into one single file. This option is not beneficial in support of HTTP/2.

Also aggregate inline CSS ?:

  • This option will move your Inline CSS to Autoptimize CSS, which might result in reducing the page Size we suggest you keep it disabled in most cases.

Generate data: URLs for images? :

  • when you enable this autoptimze will Base64-encode small background mage and embed in your CSS, please test this option to check its impact on your page speed, while base64-encode, reduces the number of HTTP requests.

Inline and Defer CSS?

  • Inlining important CSS can result in a significant speed increase for some websites. The idea right here is inline styles that are needed for components that are “above the layer”. In practice, inline CSS usually targets aspects like structural aspects, worldwide font families and also dimensions, and navigation styling.
  • By inlining these key elements, the larger total CSS data can be filled in at a later time without influencing the look of the web page. While it’s feasible to hand draw out crucial designs, we suggest making use of a device such as this one to create the designs as a starting factor.
Autoptimize generate critical CSS
Autoptimize generate critical CSS
  • After you generate the CSS copy and paste it into Autoptimize settings.
Autoptimize inline and defer css
Autoptimize inline and defer css

Inline all CSS:

  • This helps you to extract all the inline CSS code from your HTML files and put it into a single File, which might slow down the page speed. we suggest you not enable it.

Exclude CSS from Autoptimize :

  • This helps you exclude some directories and CSS files, from forming a cluster of related items. By default, Autoptimize will exclude these files.
  1. wp-content/cache/
  2. wp-content/uploads/
  3. admin-bar.min.css
  4. dashicons.min.css

HTML Options

This option might help you reduce the page size by removing the whitespace.

autoptimize html optimization
autoptimize html optimization

Optimize HTML code ? :

  • We recommend you enable this option as it will reduce the page size by removing the unnecessary whitespace in your HTML code. This might have some issues on other sites. Test it thoroughly before the production environment and see the impact.

Keep HTML comments :

  • Enable this option if you want to have a comment on your optimized HTML pages.

CDN options

  • If you are using any CDN on your site you would have to add its link in Autoptimize. if you are using proxy services like Cloudflare you do not have to configure anything in Autoptimze.
Autoptimize CDN
Autoptimize CDN

Cache info

Autoptimize cache
Autoptimize cache
  • This displays important information like the folder location and permission of the cache folder. with the total size of the cache style and script.
  • If you see “No” next to Can we Write ? please check with your host provider to fix this.

Misc Option

  • If you are facing any issues to optimize your CSS and JS file you would have to reconfigure some of the settings, as shown below.
Autoptimize Misc option
Autoptimize Misc option

Save aggregate script/CSS as static files? :

  • To save your aggregates script/CSS into static files locally enable this option, you would need to later disable it if your server isn’t configured to handle compression.

Minify Excluded CSS and JS files? :

  • Enable this option to minify all your CSS and Js files, if you see some issues related to minified files you can disable it.

Also, Optimize for logged-in editors/ administrators ?:

  • Enable this option to ensure assets are optimized for editors and administrators. This is very important if you are testing the Autoptimze as a log-in user.

Image Optimization Option

  • Autoptimizer supports lazy loading functionality which helps to optimize pages with heavy images. Autopyimzer has built-in integration with Short pixel for optimizing images and help you increase page speed.
Autoptimize image optimizer
Autoptimize image optimizer

Pro’s and Con’s

Pro’s
  • Extremely versatile.
  • Easy to understand.
  • Lots of extras.
Con’s
  • Limited critical CSS.
  • Caching features lacking.

Pricing

This Plugin does not slow your website and its FREE.

you can get this plugin by visiting here:

Autoptimize
Autoptimize

Similar Plugins

Buy Now
Shield WordPress Security

The Most Comprehensive and Highest-Rated Security System for WordPress (formerly the WordPress Simple Firewall).

Final Verdict

if you know how to play around with the settings of Autoptimze, then this plugin is just for you, it has basic features with HTML, CSS, and JS, also the advanced features of CDN integration, Autoptimiz has everything you need to make your website fast.

Videos: Autoptimize

Subscribe
Notify of
guest
Inline Feedbacks
View all comments
AppsFomo
Logo
Register New Account
Reset Password
Compare items
  • Themes (0)
  • Plugins (0)
  • Deals Platform (0)
  • FB Groups (0)
  • CDN (0)
  • PHP Scripts (0)
  • Hosting (0)
  • Web Panel (0)
  • Marketing (0)
  • Saas (0)
  • eCommerce (0)
  • Social Media (0)
  • Web Security (0)
  • Open Source Tools (0)
  • CMS (0)
Compare
0