How We Made m.facebook.com Faster - Mobile Web App Optimization Techniques

Discover the strategies and techniques used to enhance the speed of m.facebook.com in this 42-minute conference talk from Facebook Mobile DevCon London 2013. Learn about the importance of performance in mobile web apps and its direct correlation to user engagement. Explore various optimization methods, including minimizing high-risk time, precomputing, and utilizing memcache. Gain insights into network optimization, JavaScript and DOM performance, and CSS efficiency. Understand the significance of proper testing across devices and simulators, as well as the role of the build process in improving performance. Delve into topics such as reflow, frame trees, box shadows, and SVGs to master the art of creating faster mobile web experiences.

Intro
Overview
What do you know
Facebookcom
Disclaimer
Premature optimization
Performance is not a goal
Pick your metrics
Performance
High Risk Time
Minimize Time
Precompute
Pendency
Memcache
Open connections
Network wait time
Not executing things
Two states of the page
WebP
Timeline
Reflow
JavaScript DOM
Drawing
Frame Trees
Box Shadow
SVGs
CSS performance
Testing across devices
Testing on a simulator
The build process