CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce

Description

Documentation

Buy PRO Version for $16 Only

Load any CSS file asynchronous

Load any JS file Async or Defer

Remove any JS or CSS file from through out the site

Remove JS and CSS based on different page types

Manage critical css

Now you can load different critical css for different pages or post or custom post type

Step 1: Go to CSS JS Manager >> Critical CSS setting
select the post type where you want to use the Critical CSS,
Say you want to use it on Post, Product

Step 2: go to Critical CSS >> Add New Critical css
you can add as many critical css as you want
Say you want to have Different critical css for home page, and post, and product
so you will create 3 different critical css and load the critical css There

Use this to generate critical css https://www.sitelocity.com/critical-path-css-generator

Step 3: Go to respective post or page wher you will like to use those critical css and select them

How to Defer Render Blocking CSS using CSS JS Manager?

How to remove CSS file from complete website or perticular page?

The same steps apply to JS as well just add JS link and select JS from the Drop dropdown

Premium support: We respond to all support topics within 24 hours

Screenshots

FAQ

How to Defer Render Blocking CSS using CSS JS Manager?
  • Copy the URL of this file without the query string variable ( without this “?ver=5.0.3“
  • URL: http://localhost/telco/wp-content/themes/twentyseventeen/style.css
  • Now Open the CSS JS Manager
  • Click on “Add New Resource”
  • Now add the URL from the Step 2
  • Set method as “Async“
  • Selection Logic “Add This“
  • On All Pages
How to remove CSS file from complete website?

You have a css file that is not used in your website and you want to remove it from your website completely.

you can do that easily. just follow all the steps given in the Defer process, you can keep the loading method as any thing (as it wont mater as the css will be removed) then at the bottom

If you want to allow JS file on only few particular page and remove from all other

All the steps remain same, You need to copy the JS file URL, Select Resource type as “JS” from the dropdown.

Select the method of the loading for the JS (it has Defer, Async, and normal)

In selection logic click “Add this on”

Click on “Selected Pages”

In the Single Resource ID enter the Page id of the pages where you want this js to be allowed

E,g: 1,2,22 this are the ID of the page where this js will be allowed to load an apart from this it wont load on any other page

Does it support WooCommerce

Yes, Pro version support WooCommerce Page tabgs like is_product, is_category, is_cart, is_shop and other. So you can load or remove script specific to the WooCommerce page rules

Reviews

June 26, 2019
It helped me remove useless css scripts
Read all 45 reviews

Contributors & Developers

“CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

“CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.