Lazy loading data with app-route -- Polycasts #47

Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=iAgSvlYavX0



Duration: 18:51
121,787 views
328


Lazy loading data and managing flash of unstyled content (FOUC) can be pretty tricky in a single page app. In today's episode I'm going to tackle both of these topics. We'll add a loading screen to our app that uses a spinner to indicate we're waiting on our text content, then we'll use a technique popularized by Medium where we base64 encode a low res version of our images (so we can display them quickly) and then transition to the higher res version once it's had time to download.

Demo source:
https://goo.gl/iEQs0J

Shop demo:
https://goo.gl/oX9QEc

app-route docs:
https://goo.gl/6KzFYk

Polymer Talks from Google I/O:
https://goo.gl/T2K7XI

Polymer Slack:
http://goo.gl/9UI2Uu

Subscribe to the Chrome Developers channel at http://goo.gl/LLLNvf







Tags:
Chrome
Developers
Google
Web
Product: Web
Fullname: Rob Dodson
Location: MTV
Team: Scalable Advocacy
Type: Screencast
GDS: Full Production
other: no green screen