PI Web Solution

<p><a href="https://www.piwebsolution.com/css-js-manager-documentation/" rel="nofollow ugc">Documentation</a></p>
<ul>
<li>Load / remove css or js if the request is from a mobile device</li>
<li>Load / remove css or js if the request is from a desktop device</li>
<li>Defer Loading of CSS file</li>
<li>Load any JS file Async or Defer</li>
<li>Remove any JS from all the pages, or on some pages based on various conditional rules</li>
<li>Remove any CSS file from all the pages, or on some pages based on various conditional rules</li>
<li>Async any JS file on all the pages or on selective pages</li>
<li>You can remove or add JS file based on post type </li>
<li>You can remove or add CSS file based on post type </li>
<li>You can remove or add JS file based on page id </li>
<li>You can remove or add CSS file based on page id</li>
</ul>
<h3>Manage critical css</h3>
<p>Now you can load different critical css for different pages or post or custom post type and optimize your site for speed</p>
<blockquote><p>
Step 1: Go to CSS JS Manager >> Critical CSS setting<br />
select the post type where you want to use the Critical CSS,<br />
Say you want to use it on Post, Product</p>
<p>Step 2: go to Critical CSS >> Add New Critical css<br />
you can add as many critical css as you want<br />
Say you want to have Different critical css for home page, and post, and product<br />
so you will create 3 different critical css and load the critical css There</p>
<p>Use this to generate critical css https://www.sitelocity.com/critical-path-css-generator</p>
<p>Step 3: Go to respective post or page where you will like to use those critical css and select them
</p></blockquote>
<h3>How to Defer Render Blocking CSS using CSS JS Manager?</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/ob2oECSMyg8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>How to remove CSS file from complete website or particular page?</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/D6GBtpSIUMw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>The same steps apply to JS as well just add JS link and select JS from the Drop drop down</h3>
<h3>Premium support: We respond to all support topics within 24 hours</h3>


CSS JS Manager, Async JavaScript, Defer Render Blocking CSS

CSS JS Manager, Async JavaScript, Defer Render Blocking CSS, Remove javascript, Remove CSS, Defer Render Blocking CSS, Both CSS and JS can be loaded A …

Derrick Hammer

<p>This plugin will combine all inline and external CSS in the order found on the page and save it to WP-Rocket’s cache folder as a new file. Files with media attributes are wrapped in <code>@media</code> selectors during processing. Async is powered by <a href="https://github.com/filamentgroup/loadCSS" rel="nofollow ugc">https://github.com/filamentgroup/loadCSS</a>.</p>
<p>If you are looking for a professional team to get your WordPress site to run faster, check us out for our speed optimization, google my business, seo and local seo services at <a href="https://rankgrowdigital.com/" rel="nofollow ugc">Rank Grow Digital</a></p>
<p>Filters <code>rocket_async_css_process_style</code> and <code>rocket_async_css_process_file</code> can be used to selectively exclude any inline CSS or external CSS from minify and async loading.</p>
<p>Examples are:</p>
<pre><code>function exclude_css($skip, $css){
    if ( false !== strpos( $css, 'something' ) ) {
            return false;
        }

    return $skip;
}
add_filter('rocket_async_css_process_style','exclude_css', 10, 2);
</code></pre>
<p>and</p>
<pre><code>function exclude_file($skip, $url){
    if ( 'some url' == $url ) {
            return false;
    }

    return $skip;
}
add_filter('rocket_async_css_process_style','exclude_file', 10, 2);
</code></pre>


WP Rocket ASYNC CSS

WordPress plugin to combine all inline, external, and remote CSS and load async. Depends on WP-Rocket

This is NOT an official addon to WP-Rocket!

CSS JS Manager, Async JavaScript, Defer Render Blocking CSS vs WP Rocket ASYNC CSS