Polymer 1.0+ FOUC app shell help
115 views
Skip to first unread message
Kelly St. John
Oct 30, 2015, 4:30:10 PM10/30/15
to Polymer
I'd like to mitigate FOUC using the app shell approach as presented by Eric Bidelman in his Polymer Summit 2015 - Performance Patterns talk starting at the 11:00 mark (https://youtu.be/Yr84DpNaMfk?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J). I understand the approach used where he mimics using the unresolved CSS selector and essentially filling in placeholders for those elements. However, it is a little more unclear to me how he achieves the app shell mobile version of PolyMail 1.0, replacing the contents of the entire viewport with what appears to be a different splash page altogether (shows the large gmail image...watch starting at 15:43 for that).
Any ideas?
Kelly St. John
Oct 30, 2015, 5:01:26 PM10/30/15
to Polymer
Never mind...it seems the meat and potatoes of it is right here: https://github.com/ebidel/polymer-gmail/blob/master/scripts/app.js
Eric Bidelman
Oct 30, 2015, 7:27:05 PM10/30/15
to Kelly St. John, Polymer
Yep. PolyMail uses some placeholder markup that gets styled and overlayed on top. Then app.js removes it at the right time.
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/78a95544-6f5c-4105-a459-941902093a8a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages