Learning Enterprise Web Application Performance

Introduction

• Welcome
• What you should know

1. Web Performance Optimization

• Web performance optimization (WPO)
• WPO in the enterprise world
• Where to focus our efforts
• Performance and perception goals
• Understanding the mobile web

2. Charts and Metrics

• The waterfall chart
• The HAR format
• Performance milestones
• Filmstrip views
• Speed index

3. Measuring Performance

• Measuring on different platforms
• Measuring on different networks
• Using WebPagetest
• Creating scripts with WebPagetest
• Using Microsoft Edge developer tools
• Using Safari developer tools
• Using Firefox developer tools
• Using Google Chrome Developer Tools
• Using Lighthouse
• Measuring on Android and iOS
• Measuring in production with APIs

4. Improving the Loading Experience

• Loading steps review
• Optimizing the network, part 1
• Optimizing the network, part 2
• Optimizing the parsing
• Optimizing the rendering
• Optimizing images
• Achieving extreme loading performance

5. Improving Recurrent User Performance

• Meeting your new friend: The cache
• Fetching for possible futures
• Put service workers to work
• Advanced service worker ideas

6. Improving Interaction Experience

• Giving immediate feedback
• Keeping a consistent frame rate

Conclusion

• Next steps