Horje
Converts render-blocking CSS and JS files into NON-render-blocking, improving performance of web page. Wordpress Tutorial

Noted That:

  • To install correctly this async-js-and-css.zip .
  • Fisrt Download the async-js-and-css.zip to your computer
  • Extract/Open async-js-and-css.zip to Your Computer.
  • Then, Find readme.txt file inside async-js-and-css.zip and Open readme.txt .
  • Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
  • Then, Follow the Tips Below.

Start the Tips:

1. First Download " async-js-and-css.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

/stack/wp/e1593231378Screenshot20.png

4. Now, Click on "Upload Plugin" button.

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

5. Now, Browse " async-js-and-css.zip "  Downloaded plugin from your computer, Where you downloaded async-js-and-css.zip According to Step – 1 Above then, click on " Install Now"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on " Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

7. Then, See left sidemenu. " Async JS and CSS " folder is added on left sidemenu. Now, Click on " Async JS and CSS " folder.

   Noted that: If you do not see " Async JS and CSS " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  Async JS and CSS Configurtions and Settings or How to work " Async JS and CSS " in your WordPress site.

 

oR

After Activated Plugin According to Step-6 then,

  1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
  2. or Direct go to: https://yourdomain/wp-admin/plugins.php
  3. Then, Find " Async JS and CSS " Activated Plugin from Plugin List.
  4. Then, Click on " Settings " from Plugin that is Async JS and CSS
  5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,
WP Plugin Setting



Guide

Like any other plugin


1. Upload `asyncJSandCSS` folder to the `/wp-content/plugins/` directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Configure the plugin if needed (Settings/Async Settings)

Plugin can affect only those files loaded using worpdress’s queue (using wp_enqueue_script and wp_enqueue_style), so if you include your CSS file inserting into head.php of your theme – it WILL NOT be affected and will be loaded in standart render-blocking way.

render , blocking , converts , files , into , improving , performance , page , tutorial ,

Name
   How to add Shareadraft in Wordpress
   How to add Image Hover Effects For Visual Composer in Wordpress
   How to add Fancy Admin Ui in Wordpress
   How to add Ultimate Under Construction in Wordpress
   How to add Disable Wpautop in Wordpress 

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje