WordPress.org

Plugin Directory

HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push

HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push

Description

  • Push / Pre-load all JS files in site with one simple option
  • Push / Pre-load all the CSS files in your website
  • Push / Pre-load other resources throughout the site or based on the page types
  • Load CSS Asynchronous or Remove any CSS file throughout the site, or there is a conditional selector that you can apply
  • Async / Defer / Remove any JS file throughout the site or based on the WordPress page type

  • You can create mobile device specific rule to push, pre-load, remove, async js or css, this works based on the device user agent detection

  • You can create desktop device specific rule to push, pre-load, remove, async js or css, this works based on the device user agent detection

  • Conditionally remove JS and CSS from various WooCommerce pages like checkout page, cart page, product page, product category page

  • You can push pre-load resource specific on some pages by there ID

  • Remove CSS, JS specific to page or post by there ID

Mobile and Desktop detection works based on the wp_is_mobile() function of the WordPress that detect device based on the user agent date send in the request

Apart from this it also offer ability to remove Css and JS file from specific pages based in the selected page tag conditions

Eg: if css path is https://s.w.org/style/wp4.css

then you can match it with wp4.css or style/wp4.css or s.w.org/style/wp4.css

you use 2nd method (style/wp4.css) for more precise selection (this avoid error when there are 2 style with same file name)

Screenshots

FAQ

I want to push some resources when mobile device is used

Yes you can do that

I want to remove some css / js when mobile device is used

Yes you can do that using our mobile detect rule, that works based on the browser user agent detection

I want to push some resource when the request is coming from desktop

Yes you can do that using Desktop specific rule

I want to use it for the WooCommerce related js and css file

yes there is rules to control resources based on WooCommerce page types like product category, shop, single product, cart, checkout pages

I want to push/pre-load resource on specific page

you can do that there is that allows you to specify the Page id for which you want to push the resource

I want to remove some JS and CSS specific on some page

yes there is rule using that you can remove it for specific page by specifying there page id, e.g: 1,4,66 will select the page with id 1 ,4, and 66

I want to remove it for whole site excluding certain pages

ues you can do that we have rule to apply rule every where excluding the page you specified by id

Does it work with HTTP3

Yes HTTP3 also support push and pre-load of resources

Reviews

Abril 10, 2024
Cool APPIt would be great, if there where an automated setup – process.
Disyembre 9, 2023
Thank you for offering this great plugin to users. I have been using it for quite some time, and haven’t faced any issues with it. It works great. The only thing that I would suggest is adding a widget to edit screen to allow preloading specific files on that page.

gj!

Setyembre 9, 2023
boosted my websites big time!
Read all 60 reviews

Contributors & Developers

“HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push” is open source software. The following people have contributed to this plugin.

Contributors

“HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push” into your language.

Interested in development?

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