Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Meta via YouTube

Overview

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.

Syllabus

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

Taught by

Meta Developers

Reviews

Start your review of How We Made m.facebook.com Faster - Mobile Web App Optimization Techniques

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.