Horje
Autoptimize criticalcss.com power-up adds automated critical css creation to Autoptimize integrating with the https://criticalcss.com service.

Noted That:

  • To install correctly this autoptimize-criticalcss.zip.
  • Fisrt Download the autoptimize-criticalcss.zip to your computer
  • Extract/Open autoptimize-criticalcss.zip to Your Computer.
  • Then, Find readme.txt file inside autoptimize-criticalcss.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 "autoptimize-criticalcss.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 "autoptimize-criticalcss.zip" Downloaded plugin from your computer, Where you downloaded autoptimize-criticalcss.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. "Autoptimize criticalcss.com power-up" folder is added on left sidemenu. Now, Click on "Autoptimize criticalcss.com power-up" folder.

   Noted that: If you do not see "Autoptimize criticalcss.com power-up" folder on left sidemenu then, see at left sidemenu "Settings" or "Tools".

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



Guide
  1. Install from your WordPress “Plugins > Add New” screen (search for Autoptimize)
  2. Activate the plugin.
  3. You will see a “Critical CSS”-tab in Autoptimize.
  4. Enter the API key from your https://criticalcss.com
  5. (optional): create a default rule which can be used if no automated rule applies.
  6. (optional): create manual Path-based rules for specific pages to override automated rules. If you leave the critical CSS field of path-based rules empty, the plugin will automatically generate it.
  7. To get critical CSS going, make sure there are requests coming in that are not served by a page cache

autoptimize, integrating, httpscriticalcsscom, service, creation, automated, criticalcsscom, power, adds, critical,

Name

Reffered: https://wordpress.org/

Share on: