The Road to Web Performance in 3 Critical Steps

Discover the critical steps to enhance web performance in this conference talk from AmsterdamJS 2017. Explore the importance of defining and measuring performance, utilizing tools like Chrome Dev Tools, Page Speed Insights, and Lighthouse. Learn optimization techniques for deferring non-critical assets, optimizing JavaScript and CSS, and improving media handling. Delve into network optimization strategies, including HTTP/2, preloading, and offline capabilities with Service Workers. Gain insights on creating consistent experiences across various devices and network conditions, ensuring optimal performance for users worldwide.

Introduction
Expectations
What is Performance
Why Define Performance
Measuring Performance
Renown Chrome Dev Tools
Page Speed Insights
Web Page Test
Lighthouse
Lab Tests
Performance API
Long Tasks
Time to Interact
Optimize
Deferring NonCritical Assets
JavaScript in Session
Deferring Scripts
CSS Optimization
Media Attribute
Phone Optimization
Fonts
Images
Network Optimization
HTTP
Preload
Network Consistency
Life I Offline
Service Workers
Workbox
Summary
Step 1 Measure
Be Consistent