Title: CSS JS Manager, Async JavaScript, Defer Render Blocking CSS Author: PI Web Solution Published: 2019 年 1 月 31 日 Last modified: 2026 年 5 月 2 日 --- 搜索插件 ![](https://ps.w.org/css-js-manager/assets/banner-772x250.png?rev=3415127) ![](https://ps.w.org/css-js-manager/assets/icon.svg?rev=2540651) # CSS JS Manager, Async JavaScript, Defer Render Blocking CSS 作者：[PI Web Solution](https://profiles.wordpress.org/rajeshsingh520/) [下载](https://downloads.wordpress.org/plugin/css-js-manager.2.4.49.71.zip) * [详情](https://cn.wordpress.org/plugins/css-js-manager/#description) * [评价](https://cn.wordpress.org/plugins/css-js-manager/#reviews) * [开发进展](https://cn.wordpress.org/plugins/css-js-manager/#developers) [支持](https://wordpress.org/support/plugin/css-js-manager/) ## 描述 [Documentation](https://www.piwebsolution.com/css-js-manager-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 ## 屏幕截图 * [[ * [[ * [[ * [[ * [[ ## 常见问题 ### 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 ## 评价 ![](https://secure.gravatar.com/avatar/18df8bb3c16d6b9759fd4a5c7e7e0da1500f576bb63389c046aefe622e362383? s=60&d=retro&r=g) ### 󠀁[Excelente herramienta y muy intuitiva](https://wordpress.org/support/topic/excelente-herramienta-y-muy-intuitiva/)󠁿 [adrian](https://profiles.wordpress.org/claudiaflorj/) 2025 年 12 月 29 日 He probado varios gestores de código y este es, sin duda, uno de los más limpios y fáciles de usar. Cumple exactamente con lo que promete sin sobrecargar el sitio.¡ Muy recomendado! ![](https://secure.gravatar.com/avatar/cd4bf5ad28b1eb36e0cc0c73fda49a08bb6e024e8ee5e743eb0dca0c8e6080b1? s=60&d=retro&r=g) ### 󠀁[Good Plugin](https://wordpress.org/support/topic/good-plugin-7257/)󠁿 [pagrob](https://profiles.wordpress.org/pagrob/) 2025 年 12 月 19 日 This plugin works very well ![](https://secure.gravatar.com/avatar/54cc7bdf31fdf196ebfeca64b0def8c10c4be235ae7118c65853f449fa4ccf02? s=60&d=retro&r=g) ### 󠀁[Simple and useful](https://wordpress.org/support/topic/simple-and-useful-419/)󠁿 [cezaro](https://profiles.wordpress.org/cezaro/) 2025 年 12 月 14 日 I switched from another plugin to this one and I’m happy with how it works. ![](https://secure.gravatar.com/avatar/3a1c94a8037b93e439d69c5cab6a6183795c1079165bd0d4a2db33855673a144? s=60&d=retro&r=g) ### 󠀁[pretty cool](https://wordpress.org/support/topic/pretty-cool-65/)󠁿 [krzysztofsojski](https://profiles.wordpress.org/krzysztofsojski/) 2025 年 11 月 21 日 The plugin works fine. Although I don’t know why it doesn’t refresh the latest reviews. ![](https://secure.gravatar.com/avatar/fff3a50dde2809fd7e54ef4dcce8e68f4077fbe7901c4cd77173a412f888ad3f? s=60&d=retro&r=g) ### 󠀁[Awesome little plugin](https://wordpress.org/support/topic/awesome-little-plugin-19/)󠁿 [thomas20ss](https://profiles.wordpress.org/thomas20ss/) 2025 年 7 月 12 日 Let’s say it, I got it recommended by ChatGPT, as I asked for a lightweight plugin. Its simple and works great! Thank you!!!! ![](https://secure.gravatar.com/avatar/e23635b8d1c270f17a9db31a59f27deb84bc9b395174e090d03bec252a37418e? s=60&d=retro&r=g) ### 󠀁[Great for deferring auto added scripts](https://wordpress.org/support/topic/great-for-deferring-auto-added-scripts/)󠁿 [glyderau](https://profiles.wordpress.org/glyderau/) 2025 年 6 月 17 日 Seems to work very well, great when deferring scripts that are automatically added via plugins, etc. [ 阅读所有90条评价 ](https://wordpress.org/support/plugin/css-js-manager/reviews/) ## 贡献者及开发者 「CSS JS Manager, Async JavaScript, Defer Render Blocking CSS」是开源软件。 以下 人员对此插件做出了贡献。 贡献者 * [ PI Web Solution ](https://profiles.wordpress.org/rajeshsingh520/) 「CSS JS Manager, Async JavaScript, Defer Render Blocking CSS」插件已被翻译至 2 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/css-js-manager/contributors) 为本插件所做的贡献。 [帮助将「CSS JS Manager, Async JavaScript, Defer Render Blocking CSS」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/css-js-manager) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/css-js-manager/)，查看 [SVN仓库](https://plugins.svn.wordpress.org/css-js-manager/)，或通过[RSS](https://plugins.trac.wordpress.org/log/css-js-manager/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/css-js-manager/)。 ## 更新日志 #### 2.4.49.60 * Css JS Manager tested for WC 10.0.2 #### 2.4.49.47 * Tested for WP 6.8.0 * React braking admin panel fixed #### 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 ## 额外信息 * 版本 **2.4.49.71** * 最后更新：**4 周前** * 活跃安装数量 **1,000+** * WordPress 版本 ** 3.0.1 或更高版本 ** * 已测试的最高版本为 **6.9.4** * 语言 * [English (US)](https://wordpress.org/plugins/css-js-manager/) 、 [Spanish (Spain)](https://es.wordpress.org/plugins/css-js-manager/) 和 [Swedish](https://sv.wordpress.org/plugins/css-js-manager/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/css-js-manager) * 标签 * [async css](https://cn.wordpress.org/plugins/tags/async-css/)[async js](https://cn.wordpress.org/plugins/tags/async-js/) [defer css](https://cn.wordpress.org/plugins/tags/defer-css/)[Defer JS](https://cn.wordpress.org/plugins/tags/defer-js/) [pagespeed](https://cn.wordpress.org/plugins/tags/pagespeed/) * [高级视图](https://cn.wordpress.org/plugins/css-js-manager/advanced/) ## 评级 4.8 星（最高 5 星）。 * [ 84 条 5 星评价 ](https://wordpress.org/support/plugin/css-js-manager/reviews/?filter=5) * [ 2 条 4 星评价 ](https://wordpress.org/support/plugin/css-js-manager/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/css-js-manager/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/css-js-manager/reviews/?filter=2) * [ 4 条 1 星评价 ](https://wordpress.org/support/plugin/css-js-manager/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/css-js-manager/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/css-js-manager/reviews/) ## 贡献者 * [ PI Web Solution ](https://profiles.wordpress.org/rajeshsingh520/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/css-js-manager/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](http://piwebsolution.com)