Skip to main content
FOSDEM PWA

Load Testing Real React Applications for Production Performance

H.1301 (Cornil) | Day 2 | 16:30 - 17:00 | Speakers: Mohammed Zubair Ahmed

Load Testing Real React Applications for Production Performance
A picture of a devroom at FOSDEM 2024
Open in browser
Get involved in the conversation!Join the chat

Notes

Abstract

In this talk, we'll explore how we built comprehensive load testing for React applications at Mattermost, achieving 100,000 concurrent users in production-like environments. We'll begin by revealing why traditional API testing missed critical browser issues that only emerged at scale. Next, we'll demonstrate our open-source tool that uses Playwright to run thousands of real browsers, measuring React-specific metrics like component render times, memory leaks, and state management bottlenecks. Finally, we'll share the optimization journey that reduced browser memory and enabled true production readiness, ensuring our React application performs flawlessly for enterprise customers.

Attachments

Speakers

Mohammed Zubair Ahmed

Mohammed Zubair Ahmed is a Software Design Engineer II on the Reliability Team at Mattermost, an open source platform for secure collaboration. He focuses on Webapp performance optimizations and Mattermost Calls. With over a decade of experience in software engineering, he specializes in developing scalable Web and Mobile applications.

Zubair is an active conference speaker, presenting at events including IndiaFOSS, React Nexus, Reactify, React Day, and others. His talks cover Load testing, Web performance, Micro-Frontends and modern E2E testing practices. Having started his own career through open source, Zubair is passionate about giving back to the FOSS community. He actively contributes to open source projects, engages with the community, and guides new developers starting out on their journey.

Based in Hyderabad(yes, the Biryani one), India, he speaks regularly at developer meetups and international conferences.

Notice: The placeholder video image is licensed under CC BY-SA 4.0. The original image can be found hereChanges made to the image are: Cropped the image to a new ratio, part of the image was cut off.