Discover Centmin Mod today
Register Now

Question about webpagetest result

Discussion in 'Web Development & Web Performance' started by Jay Chen, Nov 2, 2018.

  1. Jay Chen

    Jay Chen Member

    65
    15
    8
    Sep 10, 2017
    Ratings:
    +26
    Local Time:
    7:39 AM
    I don't know if this is a valid question, can someone take a look at the below screenshot and tell me if there is room to improve to reduce the page load time.

    I have another silly question, I thought http2.0 allows parallel downloads, how come all the jpg have to wait for javascript?

    upload_2018-11-1_15-59-25.png

    I was expecting my site's load to be like this, bemethis.com, everything is being downloaded at the same time.
    upload_2018-11-1_16-4-23.png

    Both of the sites are using cloudflare.
     

    Attached Files:

  2. eva2000

    eva2000 Administrator Staff Member

    36,915
    8,074
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +12,438
    Local Time:
    10:39 PM
    Nginx 1.15.x
    MariaDB 5.5/10.x
    Remove Render-Blocking JavaScript | PageSpeed Insights | Google Developers
    You can start by following/reading
    FYI, bemethis.com site assets are served via netdna/maxcdn so they have their own optimisations too

    upload_2018-11-2_14-2-19.png
     
  3. Jay Chen

    Jay Chen Member

    65
    15
    8
    Sep 10, 2017
    Ratings:
    +26
    Local Time:
    7:39 AM
    I read most of the links, and I understand render blocking javascript, well, I think I do.
    I am just curious how the second site, second screenshot, all the js and css are loaded at the same time. Aren't those js render-blocking javascript as well.
     
  4. eva2000

    eva2000 Administrator Staff Member

    36,915
    8,074
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +12,438
    Local Time:
    10:39 PM
    Nginx 1.15.x
    MariaDB 5.5/10.x
    There's various techniques and optimisations folks can do but some are exclusive to at CDN level i.e. fastly, akamai, maxcdn/stackpath have their own unique optimisations under http/2 as well

    Though WPT reports not so good dom interactive time and dom content loaded times for bemethis.com of 2.273s speedindex perceived visual render time, and 4.5+ seconds for dom content loaded times. Probably still good for 1,953 KB page size though.

    upload_2018-11-2_14-10-26.png
     
  5. eva2000

    eva2000 Administrator Staff Member

    36,915
    8,074
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +12,438
    Local Time:
    10:39 PM
    Nginx 1.15.x
    MariaDB 5.5/10.x
    FYI, bemethis.com by loading all the css/js messed up their critical render path too so definitely not something you want to follow suit with

    upload_2018-11-2_14-45-42.png upload_2018-11-2_14-46-19.png

    The key is what assets you load first, not whether you load all assets together
     
    Last edited: Nov 2, 2018
    • Like Like x 1
  6. Jay Chen

    Jay Chen Member

    65
    15
    8
    Sep 10, 2017
    Ratings:
    +26
    Local Time:
    7:39 AM
    I guess MaxCDN has better performance than cloudflare, at least the free version.

    I will continue to optimize and see if I can move any scripts to the footer, this will speed things up, at least to my understanding.
     
..