/ Register

Want to subscribe to topics you're interested in?
Become a Member

Question about webpagetest result

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

Previous Thread Next Thread
Loading...
  1. Nov 2, 2018 #1
    Jay Chen

    Jay Chen Active Member

    181
    60
    28
    Sep 10, 2017
    Ratings:
    +116
    Local Time:
    3:28 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. Nov 2, 2018 #2
    eva2000

    eva2000 Administrator Staff Member

    55,155
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    5:28 PM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    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. Nov 2, 2018 #3
    Jay Chen

    Jay Chen Active Member

    181
    60
    28
    Sep 10, 2017
    Ratings:
    +116
    Local Time:
    3:28 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. Nov 2, 2018 #4
    eva2000

    eva2000 Administrator Staff Member

    55,155
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    5:28 PM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    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. Nov 2, 2018 #5
    eva2000

    eva2000 Administrator Staff Member

    55,155
    12,249
    113
    May 24, 2014
    Brisbane, Australia
    Ratings:
    +18,825
    Local Time:
    5:28 PM
    Nginx 1.27.x
    MariaDB 10.x/11.4+
    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
  6. Nov 3, 2018 #6
    Jay Chen

    Jay Chen Active Member

    181
    60
    28
    Sep 10, 2017
    Ratings:
    +116
    Local Time:
    3:28 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.
     
Previous Thread Next Thread
Loading...

.