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><strong>This is NOT an official addon to WP-Rocket!</strong></p>
<p>This plugin will do the following:</p>
<ul>
<li>Process all inline and external JS to one file, not multiple, and put at the footer with async on</li>
<li>Put all <em>localized</em> scripts together before the primary script above</li>
<li>Automatically optimize popular 3rd party services including:
<ul>
<li>Tawk.to</li>
<li>WP Rockets lazyload</li>
<li>Google Analytics</li>
<li>Double Click Google Analytics</li>
<li>Avvo.com Tracking</li>
<li>Pushcrew Tracking</li>
<li>Clicky Tracking</li>
<li>Facebook Pixel Tracking</li>
<li>MCAfee Secure</li>
<li>Sumo Ne</li>
<li>Pingdom Prum</li>
<li>Google Tag Manager</li>
<li>Mouse Flow</li>
<li>Cornerstone Page Builder</li>
</ul>
</li>
<li>Automatically lazy load popular widgets if https://wordpress.org/plugins/lazy-load-xt/ or https://wordpress.org/plugins/a3-lazy-load/ are active. Services include:
<ul>
<li>Google Maps with Avada theme</li>
<li>All Facebook social widgets</li>
<li>All Twitter social widgets</li>
<li>All Google Plus social widgets</li>
<li>All Google Adsense advertisements</li>
<li>Google Re-captcha</li>
<li>Tumbler</li>
<li>Amazon Ads</li>
<li>Stumble Upon</li>
<li>VK.com</li>
<li>WooCommerce Social Media Share Buttons plugin</li>
<li>Any iframe</li>
<li>Blog Her Ads</li>
<li>Video embeds (click to activate)</li>
<li>Pin Interest</li>
</ul>
</li>
</ul>
<p>If you are looking for a professional team to get your WordPress site to run faster, check us out for our speed optimization services at <a href="https://rankgrowdigital.com/" rel="nofollow ugc">Rank Grow Digital</a></p>


WP Rocket Footer JS

WordPress plugin to do a better job with your scripts and improve lazy loading. 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 Footer JS