[WordPress Tips] Improve page loading speed with Async JS and CSS Plugin – Wandering around in the WordPress plugin category, I stumbled across a plugin that is quite useful for you when you want to speed up page loading. With this plugin the JS and CSS will be collected and loaded last this greatly increases the page load speed, you will see a significant difference when using this Plugin!
The Async JS and CSS plugin causes all scripts loaded by other plugins to be loaded asynchronously just as Google PageSpeed Insights recommends. Therefore, when the plugin is installed, go to the Google PageSpeed tool and you will see your website’s score increase impressively, this is very good for google to notice your website!
Improve page loading speed with Async JS and CSS Plugin
In the previous article about WordPress tricks, I showed you how to change old links into new links on wordpress so that you can update old links to new links easily and quickly. Continuing in this article, I will show you how to improve page loading speed with Async JS and CSS Plugin.
#Plugin installation guide
First you need to install Async JS and CSS Plugin in 2 ways . You can download the Async JS and CSS Plugin to your computer here > after downloading you proceed to the Extension Package Menu > Install New Plugin > Upload Plugin > select “Choose File” and navigate to the Plugin you just downloaded > then select Install.
Or more simply, you can install it directly by going to the Menu Extensions > Install New Plugin, now type the keyword Async JS and CSS in the Plugin search box , then you just need to click Install. accomplished.
After installation is complete, activate the plugin > After activating you will see a Plugin named Async Settings in the Settings Menu .
#Configure Plugin
You click to proceed to configure the Plugin, the Plugin interface is quite simple with the following settings!
Load JavaScript asynchronously: Load JS asynchronously
Detect <script> tags in wp_head: Removes Script in wp_head (top of page) – if you enable this function and you get an error, you need to disable it.
Detect <script> tags in wp_footer: Removes Script in wp_footer (bottom of footer) – if you enable this function and error occurs, you need to disable it.
Load CSS asynchronously: Load CSS asynchronously
CSS loading method: CSS loading methods should be left as default.
Minify CSS: Compress CSS
Remove “?ver=XXX” part from URLs: Remove “?ver=XXX” from URLs
Exceptions (files to ignore and load in render-blocking way): Defines the files you want to load asynchronously.
Once done, save your changes and go to the link below
Enter your website address and check the results. It’s too simple to speed up your website’s page load, isn’t it? Good luck!
