104 RAIL and Web Performance
The Web Platform Podcast · The Web Platform Podcast
Audio is streamed directly from the publisher (traffic.libsyn.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
Paul Lewis (@aerotwist) talks with us about how we can better optimize web page speeds as well as how to avoid glaring light on videos caused by bald headed smoothness...or something to that degree. With the rise of web traffic on mobile devices, developers have had to rethink web performance over the past decade. Bandwidth & Latency have become much larger challenges than ever thought possible. The old ways to optimize performance on web pages just don't work. The high level RAIL (Responsive, Animated, Idle, Load) & the lower level PRPL (Push, Render, Precache, Lazy Load) patterns are but many strategies Google is using to enable developers to deliver better User Experiences in an ever evolving internet,
Resources
- RAIL - https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/rail?hl=en
- PRPL - https://www.polymer-project.org/1.0/toolbox/server
- Polymer Shop - https://www.polymer-project.org/1.0/toolbox/case-study
- Speed Gun - http://speedgun.io/
- Site Speed - https://www.sitespeed.io/
- Page Speed Tools - https://developers.google.com/speed/pagespeed/
- Page Speed Insights -https://developers.google.com/speed/pagespeed/insights/
- Mobile Friendly Test - https://www.google.com/webmasters/tools/mobile-friendly/
- Lighthouse - https://github.com/GoogleChrome/lighthouse
- Web Page Test - https://www.webpagetest.org/
- AMP - https://www.ampproject.org/
- CSS Triggers - https://csstriggers.com/
- New Relic article on HTTP/2 - https://blog.newrelic.com/2016/02/09/http2-best-practices-web-performance/
- New Relic -https://newrelic.com/
- Ilya Grigorik's book on High Performance Browser Networking - https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#safe=off&q=High+Performance+Browser+Networking&stick=H4sIAAAAAAAAAOPgE-LSz9U3iDfOqoo3VYKys5PzcrSkspOt9JPy87P1E0tLMvKLrEDsYoX8vJxKAHpHdSg2AAAA
- Free Udacity Courses
-
- Paul Lewis on Browser Rendering Optimization - https://www.udacity.com/course/browser-rendering-optimization--ud860
- Ilya Grigorik on Web Site Performance Optimization - https://www.udacity.com/course/website-performance-optimization--ud884