Leave a Reply

15 Comments on "Planning for Performance: PRPL (Chrome Dev Summit 2016)"

Notify of
avatar

Denis TRUFFAUT
Guest
Denis TRUFFAUT
9 months 15 days ago

Great Video. I learned 3 things : – Preload all ressources (in the main document or, even better, with HTTP/2 Push)- HTTP/2 Push is only OK when combined with service worker- Downloading JS assets at the good moment is fine, but parsing them at the good moment is betterJust tested preload out of the box : For the first meaningful paint, preload is a minimal effort that leads to huge improvements. Nice tip !

Christian Bonato
Guest
Christian Bonato
10 months 20 days ago

rel="preload" is certainly a good catch, but it seems that:« Omitting the 'as' attribute, or having an invalid value is equivalent to an XHR request, where the browser doesn’t know what it is fetching, and fetches it with a fairly low priority. »www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/Furthermore, it seems strange that a production web app would fetch so many separated scripts, when minification/concatenation should have taken care of most of the assets in one request.

Denis TRUFFAUT
Guest
Denis TRUFFAUT
9 months 4 days ago
Christian Bonato There is a tool, developped by the Polymer team, called "Vulcanize", that bundles web components as a single JS file, which is good if you serve as HTTP 1, cause you have less HTTP requests.But on the other hand, if you serve HTTP 2, a single JS file ends in dropping the ability to cache each component individually and download them in parallel, which is good and pretty well handled if you serve with the couple HTTP 2 + Service Worker, as described in this video.If you are on a single page app, like a progressive web app,… Read more »
Christian Bonato
Guest
Christian Bonato
9 months 5 days ago

+Denis TRUFFAUT — OK, I see. I guess you can't have it all. It's either WebComponents or minified, concatenated JS bundle. Makes sense.

Denis TRUFFAUT
Guest
Denis TRUFFAUT
9 months 16 days ago

So many separated scripts : Nope, It's normal. The shop App is based on Polymer, which is based on WebComponents. WebComponents rely on html imports, which means they have fine control and high granularity of what is cached on the page. You can see them as widgets.

Jonas Bandi
Guest
Jonas Bandi
10 months 26 days ago

Where can I enable the "V8 internal metrics in timeline" as they are shown in the presentation?I have enabled "Developer tools experiments" but I don't see any experiment in dev-tools that would somehow be related to V8 internal metrics …

Jonas Bandi
Guest
Jonas Bandi
10 months 26 days ago

@Linus Lee: Yes. Current Chrome Canary: Version 57.0.2926.0 canary (64-bit) … is it working for you?

Linus Lee
Guest
Linus Lee
10 months 26 days ago

Jonas Bandi are you on chrome canary?

NateColey
Guest
NateColey
10 months 26 days ago

yaeh, same about paint time pane

David Waterman (Max)
Guest
David Waterman (Max)
11 months 1 day ago

this 'server push' thing keeps getting glossed over….how to make a server actually do that? does anyone know of a presentation that explains how that is done?

Jacek Kościesza
Guest
Jacek Kościesza
9 months 23 days ago

You can also experiment with HTTP/2 Server Push using Firebase Hosting (for free). Check out this article firebase.googleblog.com/2016/09/http2-comes-to-firebase-hosting.html

deantheking08
Guest
deantheking08
10 months 12 days ago

Hey David – if you use Node.js, check out this article that talks you through it – deanhume.com/Home/BlogPost/getting-started-with-http-2-and-server-push/10152

Emanuel Silva
Guest
Emanuel Silva
11 months 1 day ago

It depends on your server's technology stack. HTTP2 is not magic, its a protocol, so its mainly a matter of your http server supporting it. Chances are that you are either use nginx or apache. So take a look at these links:nginx: www.nginx.com/blog/http2-r7/apache: httpd.apache.org/docs/trunk/mod/mod_http2.html

Jeff Cross
Guest
Jeff Cross
11 months 2 days ago

+1 would watch again

Hiren Patel
Guest
Hiren Patel
11 months 4 days ago

Great talk!

wpDiscuz