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

外掛說明

  • 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)

螢幕擷圖

常見問題集

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

使用者評論

2023 年 12 月 9 日
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!

2023 年 9 月 9 日
boosted my websites big time!
2023 年 4 月 13 日
I use it in combination with WP-Optimize where I use the scripting and CSS asynchronization with this plugin and the rest with WP-Optimize. I tried many other combinations of optimization and cache plugins, pretty much all of the well known ones and few are compatible with my litespeed server and the one from Litespeed itself collapses my site and makes a mess forcing me to re-install my whole site from a backup.With this plugin and WP-Optimize I managed to bring all scores to green in pagespeed insights, some of my scores were as low as 29 mobile, now the lowest is 90. And my site has like 60 plugins running and is a huge site with tens of thousands of pages, extremely complex website and I now have all greens.It was very simple to understand and use.Just add things one by one and test because one of the javascripts I added broke my grid and since I did the changes in bulk it took me a lot of troubleshooting to find the culprit so I recommend to do it one by one instead.
2022 年 11 月 20 日
this plugin has done more to speed up our sites than any other.
閱讀全部 58 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈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〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈HTTP/2 Push, Async JavaScript, Defer Render Blocking CSS, HTTP2 server push, HTTP3 push〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄