The Website Speed

    • WordPress Speed
    • WordPress Security
    • WordPress Themes
    ✕

    How to install and configure Autoptimize?

    WordPress Speed

    How to install and configure Autoptimize?

    TheWebsiteSpeed February 4, 2019

    Sharing is Caring
    • 6
    •  
    •  

    This site contains affiliate links to products. I may receive a commission for purchases made through these links. Please read my Affiliate Disclosure for more info.

    I found Autoptimize is the best free plugin for reducing and compressing JS, CSS, HTML files.  After installation you have to use the advanced settings, and don’t be afraid of this, there isn’t loads there.

    autoptimize

    With its help you can make smaller, compressed files from many files. It has a useful function, which can turn off Google fonts, and this will help reduce the number of files being loaded from external links.

    It’s worth to use this, when you use a theme that looks good even without the Google font. If you need the Google font, don’t worry about this option.

    Table of contents

    1. Install Autoptimize

    2. Configure Autoptimize

    2.1. HTML Settings

    2.2. JS Settings

    2.3. CSS Settings

    2.4. Extra Settings

    Install Autoptimize

    autoptimize

    To install Autoptimize select from the Plugins menu, Add New option, and write in the search bar Autoptimize. This plugins icon is a surfer, so it’s easy to find. Another option is downloading it from the extension storage, then uploading and installing it.

    After you installed and activated it you can find Autoptimize at the Installed plugins page, where you have to select Settings to configure Autoptimize.

    A very simple page will welcome you, where are three options are available, so first you need to click on Show Advanced Settings, so you can see various settings options.

    autoptimize

    Configure Autoptimize

    HTML Settings

    At the HTML Options it’s enough to tick the first box (Optimize HTML Code).

    JS Settings

    autoptimize

    At the JavaScript Option box you must select Optimize Javascript Code. There are more setting options here:

    Aggregate JS-files: would you like to unite the JS files. You must pick this option.

    Also aggregate inline JS: if you pick this option, you will quickly increase Autoptimize’s cache memory, so I don’t recommend using this.

    Force Javascript in (head): this setting results in the javascript file going over the drive, which isn’t beneficial. You don’t have to tick this.

    wp rocket

    Exclude scripts from Autoptimize: here you can select which javascript files would you like to be excluded from the optimization. You will need this in the case, that due to the optimization something wouldn’t work on the website.

    The slider isn’t working, or the mobile menu, the pictures aren’t showing up, etc. You can normally fix this, if you add to the exclusion the jquery.js file.

    Add try-catch wrapping: this function is basically troubleshooting, if one of the javascript files aren’t working properly, you can try to activate this function.

    CSS Settings

    autoptimize autoptimize

    For the complete optimization you can activate all the options in the CSS Options box aside from the Inline and Defer CSS functions.

    In the Exclude CSS from Autoptimize row, you can add the CSS files you want to exclude from optimizing.

    The developers created an extension (Autoptimize criticalcss.com power-up), which will automatically create and handle critical CSS files. This extension works automatically after installation and activation, but you can adjust the settings, as Autoptimize has a Critical CSS tab.

    Extra Settings

    At the further settings option you can tick both options, so it saves the united files, and the website will be optimized for all the user who log in.

    autoptimize

    At the extra tab you can find Google fonts, and settings for the optimization of images. You can activate the options Remove emojis and Remove query strings from static resources here. I recommend ticking these.

    You can turn off Google fonts, or you can set which way you would like them to load.


    Sharing is Caring
    • 6
    •  
    •  

    Previous Article

    Why and how should you use Broken Link Checker?

    Next Article

    How to Select the Best Web Hosting Service?

    Latest Posts

    9 Easy Ways to Speed Up Your WordPress Site – The Ultimate Guide to WordPress Speed Optimization

    9 Easy Ways to Speed Up Your WordPress Site – The Ultimate Guide to WordPress Speed Optimization

    How to Select the Best WordPress Theme for Your Website?

    How to Select the Best WordPress Theme for Your Website?

    The Importance of Caching – The 6 Best Cache Plugins

    The Importance of Caching – The 6 Best Cache Plugins

    • About me

    Categories

    • WordPress Speed
    • WordPress Security
    • WordPress Themes

    WordPress Speed

    • 1. Why is it important for a website to run fast?
    • 2. What factors can slow down the website’s loading time?
    • 3. How to test the speed of your website?
    • 4. How to fix the speed of a WordPress site?
    • 5. 9 Easy Ways to Speed Up Your WordPress Site – The Ultimate Guide to WordPress Speed Optimization
    • 6. How to Select the Best Web Hosting Service?
    • 7. How to install and configure Autoptimize?
    • 8. The Importance of Caching – The 6 Best Cache Plugins
    • 9. Why and how can you maintain your WordPress database?
    • 10. Why and how should you use Broken Link Checker?

    WordPress Security

    • 1. Is WordPress Secure?
    • 2. The Ultimate WordPress Security Guide – Secure Website in 15 Steps

    WordPress Themes

    • 1. How to Choose WordPress Theme?
    • 2. Pros and Cons of Free WordPress Themes
    • 3. Pros and Cons of Premium WordPress Themes
    • 4. How to Select the Best WordPress Theme for Your Website?

    Web Hosting Services

    • 1. SiteGround
    • 2. WP Engine

    Free and Premium WordPress Themes

    • 1. Divi – Elegant Themes
    • 2. StudioPress WordPress Themes
    • 3. WordPress Theme Directory

    WordPress Speed Optimization

    • 1. A3 Lazy Load
    • 2. Autoptimize
    • 3. WP Rocket
    • 4. WP Fastest Cache
    • 5. reSmush.it
    • 6. Optimizilla
    • 7. GTmetrix
    • 8. Pingdom Tools
    • 9. WebPageTest
    • 10. PageSpeed Insights

    Information

    • Affiliate disclosure
    • Cookie Policy
    • Privacy Policy
    The Website Speed © 2019 All rights reserved!
    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkCookie Policy