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

설명

Documentation

  • Load / remove css or js if the request is from a mobile device
  • Load / remove css or js if the request is from a desktop device
  • Defer Loading of CSS file
  • Load any JS file Async or Defer
  • Remove any JS from all the pages, or on some pages based on various conditional rules
  • Remove any CSS file from all the pages, or on some pages based on various conditional rules
  • Async any JS file on all the pages or on selective pages
  • You can remove or add JS file based on post type
  • You can remove or add CSS file based on post type
  • You can remove or add JS file based on page id
  • You can remove or add CSS file based on page id

Manage critical css

Now you can load different critical css for different pages or post or custom post type and optimize your site for speed

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 where 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 particular page?

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

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

스크린샷

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 drop down.

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, WooCommerce Page tags like is_product, is_category, is_cart, is_shop and other. So you can load or remove script specific to the WooCommerce page rules

I want to remove the css if request is from mobile device

Yes you can remove css or js based on the device if it is mobile or desktop

I want to async a js file for mobile device

Yes you can do that in the pro version

후기

2023년 12월 11일
I was looking for a plugin that dequque css and js scripts and it works. You can use Google Pagespeed to see which css js is blocking the page. So many themese run files that are not even used on the website. You can then use this plugin to remove those files from loading. I think adding a CSS async feature would be good. Right now you can do a CSS Defer if you don’t want to remove it.
2023년 9월 27일
Ломает меню и практически не влияет на скорость Объединение или оптимизация js ломает меню на сайте. css без отложенной загрузки вверху кода. Оптимизация с переносом js вниз страницы, платная и как работает, пока не купишь, непонятно. Ну и навязчивая просьба проголосовать за плагин, которая постоянно вылазит когда её отключаешь. Просили – получайте. Плагин пока отключил.
2023년 8월 13일
<font style=”vertical-align: inherit;”><font style=”vertical-align: inherit;”>Отличный плагин.</font></font> Спасибо!!!!
모든 83 평가 읽기

기여자 & 개발자

“CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce”(이)가 2 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “CSS JS Manager, Async JavaScript, Defer Render Blocking CSS supports WooCommerce”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

2.4.49.39

  • Tested for WC 9.4.0

2.4.49.37

  • Tested for WP 6.7.0

2.4.49.36

  • Tested for WC 9.3.3

2.4.49.32

  • Tested for WC 9.1.4

2.4.49.31

  • Tested for WC 9.1.0

2.4.49.30

  • Tested for WP 6.6.1

2.4.49.20

  • HPOS compatible