/ Register

Join the community today
Register Now

Nginx http2 push

Discussion in 'Nginx and PHP-FPM news & discussions' started by upgrade81, Jul 19, 2019.

Previous Thread Next Thread
Loading...
  1. Jul 19, 2019 #1
    upgrade81

    upgrade81 Member

    296
    17
    18
    Sep 5, 2016
    CH
    Ratings:
    +30
    Local Time:
    1:23 AM
    1.17
    10.3
    Hi everyone,
    Is there a way to automatically push CSS and JS?
    If I use autoptimize or any other minifier, in case the name of the minified css file changes it is possible to automate the push?

    Thank you
     
  2. Jul 19, 2019 #2
    eva2000

    eva2000 Administrator Staff Member

    58,893
    12,490
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +19,122
    Local Time:
    9:23 AM
    Nginx 1.31.x
    MariaDB 10.x/11.4+/12.3+
  3. Jul 20, 2019 #3
    upgrade81

    upgrade81 Member

    296
    17
    18
    Sep 5, 2016
    CH
    Ratings:
    +30
    Local Time:
    1:23 AM
    1.17
    10.3
    Do you have any advice for Wordpress?

    Using Lscache plugin + Litespeed it does everything automatically.
    On Centminmod (nginx) does not work also using lscache plugin with http2/push enable.
     
  4. Jul 20, 2019 #4
    fabianski

    fabianski Member

    102
    14
    18
    Feb 20, 2019
    Ratings:
    +36
    Local Time:
    8:23 PM
  5. Jul 20, 2019 #5
    eva2000

    eva2000 Administrator Staff Member

    58,893
    12,490
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +19,122
    Local Time:
    9:23 AM
    Nginx 1.31.x
    MariaDB 10.x/11.4+/12.3+
    Nginx handles HTTP/2 push differently to Apache/LiteSpeed/OpenLitespeed so the litespeed cache plugin method won't work.

    For wordpress check out Better Resource Hints plugin to selective choose css and/or js files to preload first and then combine that with Nginx cache aware method of HTTP/2 Push outlined in links at https://community.centminmod.com/threads/nginx-1-13-9-release-with-http-2-server-push-support.14169/ which can turn preload hints into HTTP/2 push or use Better Resource Hints HTTP/2 push.
     
  6. Jul 31, 2019 #6
    yunos

    yunos Member

    130
    3
    18
    Aug 8, 2015
    Ratings:
    +17
    Local Time:
    1:23 AM
    1.8.0
    this does exactly what you want
    https://wordpress.org/plugins/http2-push-content/
     
  7. Jul 31, 2019 #7
    fabianski

    fabianski Member

    102
    14
    18
    Feb 20, 2019
    Ratings:
    +36
    Local Time:
    8:23 PM
  8. Aug 1, 2019 #8
    yunos

    yunos Member

    130
    3
    18
    Aug 8, 2015
    Ratings:
    +17
    Local Time:
    1:23 AM
    1.8.0
    Last edited: Aug 1, 2019
  9. Aug 1, 2019 #9
    upgrade81

    upgrade81 Member

    296
    17
    18
    Sep 5, 2016
    CH
    Ratings:
    +30
    Local Time:
    1:23 AM
    1.17
    10.3
  10. Aug 1, 2019 #10
    yunos

    yunos Member

    130
    3
    18
    Aug 8, 2015
    Ratings:
    +17
    Local Time:
    1:23 AM
    1.8.0
    Ive never used redis myself so i cant help you much on that end. But have you tried disabling redis first just to confirm that your static files are being pushed
     
  11. Aug 1, 2019 #11
    upgrade81

    upgrade81 Member

    296
    17
    18
    Sep 5, 2016
    CH
    Ratings:
    +30
    Local Time:
    1:23 AM
    1.17
    10.3
    did you configure anything at the nginx level?
     
  12. Aug 1, 2019 #12
    yunos

    yunos Member

    130
    3
    18
    Aug 8, 2015
    Ratings:
    +17
    Local Time:
    1:23 AM
    1.8.0
    no i didnt need to.
     
  13. Aug 1, 2019 #13
    nfn

    nfn New Member

    29
    0
    1
    Jun 28, 2015
    Ratings:
    +8
    Local Time:
    12:23 AM
    I'm using OLS with some WP websites because LSCWP is one of the most advanced free cache plugin I've found.
    The amount of features it has is huge and only accomplished with muitple plugins.

    I would prefer nginx but this is a great stack.
     
  14. Aug 2, 2019 #14
    yunos

    yunos Member

    130
    3
    18
    Aug 8, 2015
    Ratings:
    +17
    Local Time:
    1:23 AM
    1.8.0
    well you just cant blindly push all static files and assume it automatically make it load faster. if you make all files http2 push then the result would be same as without using push. only use push for the vital static files where you know it needs to appear first. example logos etc
     
  15. Aug 2, 2019 #15
    upgrade81

    upgrade81 Member

    296
    17
    18
    Sep 5, 2016
    CH
    Ratings:
    +30
    Local Time:
    1:23 AM
    1.17
    10.3
    You're right, it's great!
    The only problem I noticed is the "Time spent downloading a page" which detects the Google crawler, it's twice as much as using centminmod with nginx.
    I don't know why yet.
     
  16. Aug 2, 2019 #16
    nfn

    nfn New Member

    29
    0
    1
    Jun 28, 2015
    Ratings:
    +8
    Local Time:
    12:23 AM
    I notice that too but since I use Cloudflare Cache Everything with +90% cache hit rate, the issue is minimized.

    Shouldn't be that hard to convert the rewrite rules to match nginx ones but then we loose the crawler feature for cache warmup.

    Hard choice!
     
  17. Aug 2, 2019 #17
    eva2000

    eva2000 Administrator Staff Member

    58,893
    12,490
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +19,122
    Local Time:
    9:23 AM
    Nginx 1.31.x
    MariaDB 10.x/11.4+/12.3+
    Centmin Mod Nginx Wordpress + Cache Enabler full page cache vs Cybpanel Openlitespeed + LiteSpeed Wordpress cache way back https://community.centminmod.com/th...anel-openlitespeed-vs-centmin-mod-lemp.15144/. Also jump to mobile page speed comparison page speed tests as both Litespeed cache and Centmin Mod Cache enabler have mobile caching disabled so you can also see performance respectively when cache is not in play.
    • Haven't lots of options in a wordpress cache doesn't necessarily mean faster page load times especially if you're concerned with Google pagespeed focused metrics. It's knowing what optimisations to do and not what to do i.e. HTTP/2 push has advantages and disadvantages so you need to know which assets to push and when to push i.e. being HTTP/2 Push browser cache aware which most HTTP/2 Push implementations would not be. If HTTP/2 push isn't browser cache aware, then subsequent page loads after first page load will be slower.
    • I outlined how Centmin Mod Nginx HTTP/2 Push can be made browser cache conditionally aware at https://community.centminmod.com/threads/nginx-http-2-server-push-finally-supported.13986/.
    Google crawl page download time isn't much of an indicator for SEO and Google's determination of page speed. Use webpagetest.org and it's included google lighthouse tool for page speed testing. As it uses and allows you to test a variety of web browsers and mobile device browser and speed profiles. See my how to at WebPerf - PageSpeed - How to use webpagetest.org for page load speed testing and those are the metrics Google uses to determine page load speed.
     
  18. Aug 3, 2019 #18
    upgrade81

    upgrade81 Member

    296
    17
    18
    Sep 5, 2016
    CH
    Ratings:
    +30
    Local Time:
    1:23 AM
    1.17
    10.3
    On this I disagree, especially on sites that deal strictly with news.

    However, only with litespeed I managed to reach the score of 90 from mobile with pagespeed-insights.
     
  19. Aug 3, 2019 #19
    nfn

    nfn New Member

    29
    0
    1
    Jun 28, 2015
    Ratings:
    +8
    Local Time:
    12:23 AM
    Good scores can be reached easily, the main problem are the advertisement for those who use it.
     
Previous Thread Next Thread
Loading...

.