Learning Enterprise Web Application Performance

Learning Enterprise Web Application Performance

5h 3mAdvanced2017-10-10

Authors

Maximiliano Firtman

Maximiliano Firtman

Mobile and Web Developer, Trainer, Speaker, Writer

Course details

Most enterprise apps are moving online. But if your application takes more than three seconds to load, more than 50% of your users will abandon it. Web performance optimization (WPO) helps developers increase conversion and user efficiency while reducing server load. WPO is an essential technique for efficient web-based applications, and it's one every enterprise architect and engineer should master. This course teaches the fundamentals of WPO, including the different types of metrics and charts the experts use to measure critical performance factors like load and interaction times. Discover the right tools for measuring aspects such as parsing and rendering speed, including WebPagetest, built-in browser developer tools, Google Lighthouse, and APIs that allow you to access real-time production performance data. Plus, see techniques that will improve performance on app load and usage on both mobile and desktop devices, increasing user's efficiency and perception of the app.

Learning objectives
Web performance optimization (WPO)
Charts and metrics for measuring performance
Measuring performance on different platforms and networks
Measuring tools
Optimizing networks, parsing, rendering, and images
Improving recurrent user performance and interactions

Skills covered

Full-Stack Web DevelopmentLearningWeb Development

Concepts

Introduction

  • Welcome
  • What you should know

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

Charts and Metrics

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

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

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

Improving Recurrent User Performance

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

Improving Interaction Experience

  • Giving immediate feedback
  • Keeping a consistent frame rate

Conclusion

  • Next steps
100,000 Toman