Speed at Scale: Optimizing the Largest CX Platform Out There

Presentation Summary: Speed at Scale: Optimizing the Largest CX Platform Out There

Presented by Matheus Albuquerque, a Staff Front-End Engineer at Medallia, this session dives deep into the journey and strategies adopted to optimize performance for an enterprise-scale customer experience platform. Here's a breakdown of the session:

• Motivation:

  The motivation behind the talk was to address performance optimization challenges faced at work, prioritizing functionality over latest technologies.

• Challenges and Strategies:
  • Leveraging static analysis and tooling to detect patterns and facilitate large codebase migrations.
  • Utilizing polyfill strategies for consistent experiences across legacy browsers.
  • Applying techniques such as code splitting and virtualized rendering to enhance user experience.
• Results:

  The introduction of optimizations led to significant performance improvements:

  • Reduced bundle size by employing strategies like code splitting and replacing React with Preact, resulting in a 37% smaller bundle for modern browsers.
  • Use of synthetic tests and Real User Monitoring (RUM) to gauge user experience improvements.
• Future and Takeaways:
  • Continuous exploration of newer compression strategies and code optimization techniques.
  • Understanding the internals of tools and building abstractions informed by past experiences.

The talk emphasized the importance of correlating business metrics with performance metrics, showing performance as a continuous improvement journey and addressing problems pragmatically.

This is the end of the AI-generated content.

In a world with a wide variety of network connections, any user can have a slow experience, and apps that delight users on fast connections can barely be usable on slow ones.

In this session, I'll share our journey of gradually adapting how we deliver pages to better cater to our users' constraints on an enterprise-scale platform with millions of sessions per month—where simply rewriting everything from scratch is not an option.

With an eye on maintenance and scalability, we'll discuss:

• How to leverage static analysis and related tooling to detect patterns and conduct large codebase migrations.
• Different polyfill strategies to deliver the same experience in legacy browsers.
• How to use popular techniques like code splitting and virtualized rendering to optimize the User Experience.
• Results of using synthetic tests and Real User Monitoring (RUM) tooling to understand how visitors experience your application.