Explore mobile web performance optimization techniques in this 37-minute conference talk from View Source 2017. Dive into crucial aspects of mobile devices, performance concerns, and web performance metrics. Learn about navigation timing, website speed rules, and how to use Lighthouse for performance auditing. Discover practical solutions for optimizing images, including resizing, compression, and using source sets. Examine CSS effects, video optimization, and strategies for minimizing DOM nodes. Investigate the differences between squished and responsive designs, HTTP optimization, and the role of AMP in mobile performance. Gain valuable insights to enhance the speed and efficiency of mobile web experiences.
Overview
Syllabus
Introduction
Mobile Devices
Mobile Performance Concerns
Story Time
Web Performance
Rail
Navigation Timing
Website Speed
Rules
Lighthouse
Solutions
Zoom
Optimize Images
Resize Images
Size Image
Image Source Source Set
Image Compression
CSS Effects
Optimize Video
Source Attribute
Everything Else
Style Sheets
JavaScript
Minimize DOM nodes
Squish vs Responsive
HTTP
AMP
Conclusion
Taught by
Mozilla Hacks
