The take-away, and the thing we didn't really phrase well at CDS, is that your goal should be to *load code proportional to what's onscreen*https://twitter.com/slightlylate/status/831220208031240192 …
-
-
Replying to @slightlylate
The problem with over-bundling of JS and monolithic CSS is that they invoke costs for bits of the app that aren't yet needed
1 reply 2 retweets 5 likes -
Replying to @slightlylate
Improving your resource granularity is also a tradeoff, but one that benefits most apps. Per-resource overhead often lower than over-loading
1 reply 1 retweet 3 likes -
Replying to @slightlylate
...which gets to why PRPL is so damned important. H/2 Push + Service Workers keep you from paying too much per view: https://www.youtube.com/watch?v=J4i0xJnQUzU …
2 replies 1 retweet 7 likes -
Replying to @slightlylate
Proportionality is key. You aren't rendering everything in your app up-front. Tools that cause you pay for it all at startup are a bug.
1 reply 3 retweets 5 likes -
Replying to @slightlylate
The really important thing about PRPL is that it separates code *prefetching* (via the SW install) from loading into the document.
1 reply 0 retweets 2 likes -
Replying to @slightlylate
...and keeps that prefetching from hampering your first view load/render (because it's async and low-priority).
1 reply 0 retweets 0 likes -
Replying to @slightlylate
To make it work, you need a system that hot-loads code into your page when needed. There are several good strategies!
1 reply 0 retweets 0 likes -
Replying to @slightlylate
The first, and one I'm keen to see more people use, is full-page transitions w/ SW-based templating & Streams.
3 replies 1 retweet 5 likes -
Replying to @slightlylate
Can you point to something on this? An approach I had thought of for a side project but haven't seen anything written on.
1 reply 0 retweets 0 likes
: @jaffathecake's article is a good intro to what's possible now: https://jakearchibald.com/2016/streams-ftw/ …
-
-
Replying to @slightlylate
: this will get even better with Navigation Preload: https://mattto.github.io/sw/demo/navigation-preload/index.html …
2 replies 1 retweet 0 likes -
Replying to @slightlylate @asolove
See also https://jeffy.info/2017/01/24/offline-first-for-your-templated-site-part-2.html … (and the video, https://www.youtube.com/watch?v=_kJMjJ1tm6o …) for a discussion of architecture tradeoffs.
1 reply 2 retweets 9 likes - 2 more replies
New conversation -
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.
& Web Standards TL; Blink API OWNER
Named PWAs w/
DMs open. Tweets my own; press@google.com for official comms.