Horje
Defer render blocking CSS and Javascript with the best Critical-CSS WordPress plugin

Noted That:

  • To install correctly this critical-css.zip.
  • Fisrt Download the critical-css.zip to your computer
  • Extract/Open critical-css.zip to Your Computer.
  • Then, Find readme.txt file inside critical-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 the Tips Below.

Start the Tips:

1. First Download "critical-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 "critical-css.zip" Downloaded plugin from your computer, Where you downloaded critical-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. "Critical CSS and Javascript" folder is added on left sidemenu. Now, Click on "Critical CSS and Javascript" folder.

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

8. Now you configure yourself oR Watch video tutorial below about Critical CSS and Javascript Configurtions and Settings or How to work "Critical CSS and Javascript" 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 "Critical CSS and Javascript" Activated Plugin from Plugin List.
  4. Then, Click on "Settings" from Plugin that is Critical CSS and Javascript
  5. Now, Edit/Add/Config the setting and Click on "Save Changes" button,
WP Plugin Setting



Guide
  • Install the Critical CSS WordPress plugin
  • After installation, click activate on plugin and all your CSS and Javascript files will automatically be deferred.

critical, wordpress, plugin, best, javascript, render, blocking, defer,

Name

Reffered: https://wordpress.org/

Share on: