WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2023 • Sep 27, 2023

Measure and improve frontend performance by using test automation

Ramona Schwering

Stop treating frontend speed as a manual afterthought. Discover how to repurpose existing E2E tests to automatically track Core Web Vitals and block slow pull requests.

Pause
Mute Enter Fullscreen
#1 about 5 min

Balancing functionality, maintainability, and speed in applications

Prioritizing information and test automation empowers developers to build fast, functional, and maintainable applications.

#2 about 3 min

Using end-to-end tests for performance measurement

Repurposing existing end-to-end testing frameworks captures performance metrics without requiring additional dedicated tooling.

#3 about 3 min

Tracking performance data through application logging

Logging through standard test frameworks and browser developer tools provides accessible runtime performance metrics.

#4 about 2 min

Defining frontend web performance and developer responsibility

Frontend developers must fully own application page load times, runtime responsiveness, and continuous code optimization.

#5 about 7 min

Automating Lighthouse audits within the Cypress framework

Configuring the Cypress audit plugin enforces automated Lighthouse performance score checks within active test pipelines.

#6 about 3 min

Understanding core Web Vitals for user experience

Measuring largest contentful paint, first input delay, and cumulative layout shift accurately quantifies real user experiences.

#7 about 4 min

Validating Web Vitals thresholds with test frameworks

Integrating the Cypress Web Vitals plugin enforces strict performance threshold validation directly inside code peer reviews.

#8 about 2 min

Key strategies for continuous frontend performance testing

Consistently applying automated measurements and baseline thresholds ensures frontend applications reliably maintain excellent usability.

Matching moments

4:47 min

Automating frontend performance metrics with Google Lighthouse

Miki Lombardi · JS Congress

3:10 min

Debugging performance bottlenecks with developer tools

Cathrin Möller · WWC 2023

2:24 min

Tools for measuring web app performance

Laura Morinigo · WWC 2022

3:48 min

Analyzing test automation challenges and the Cypress timeline

Filip Hric · LIVE

1:01 min

Introduction to the speaker and visual testing journey

Ramona Schwering Ramona Schwering · LIVE

6:39 min

Testing local site performance with Lighthouse audits

Tamas Piros Tamas Piros · WWC 2021

More from World Congress 2023

The year 3000, a brief history of Web Development thumbnail
25:30
over 2 years ago

The year 3000, a brief history of Web Development

Lorenzo Pieri

Demografie nutzen um jedem Bewerber das passende Angebot zu machen! thumbnail
8:52
over 2 years ago

Demografie nutzen um jedem Bewerber das passende Angebot zu machen!

Nathalie Gierth

Guided Memory Management: Rust's Ownership Model thumbnail
0:18
over 2 years ago

Guided Memory Management: Rust's Ownership Model

Stefan Baumgartner

Passwordless future: WebAuthn and Passkeys in practice thumbnail
32:32
over 2 years ago

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

External Secrets Operator: the secrets management toolbox for self-sufficient teams thumbnail
30:07
over 2 years ago

External Secrets Operator: the secrets management toolbox for self-sufficient teams

Moritz Johner

Building Reliable Serverless Applications with AWS CDK and Testing thumbnail
25:18
over 2 years ago

Building Reliable Serverless Applications with AWS CDK and Testing

Raphael Manke

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Paweł Matynia, Bartosz Leczycki

Paweł Matynia
Bartosz Leczycki
Open session

World Congress 2026 North America

Reinventing Testing Practices in the AI Era

Eric Deandrea

Java Champion & Senior Principal Software Engineer, IBM

Eric Deandrea
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood

Related videos

Frontend Performance Testing in practice thumbnail
36:50
LIVE • about 6 years ago

Frontend Performance Testing in practice

Jonas Kröger

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS thumbnail
53:45
JS Congress • over 4 years ago

Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS

Anna Mcdougall

Core Web Vitals: Put your application into orbit with best practices thumbnail
19:52
WWC 2024 • almost 2 years ago

Core Web Vitals: Put your application into orbit with best practices

Nicolas Frizzarin

Let's get visual - Visual testing in your project thumbnail
54:23
LIVE • over 3 years ago

Let's get visual - Visual testing in your project

Ramona Schwering

Let's get visual - Visual testing in your project thumbnail
44:59
JS Congress • over 4 years ago

Let's get visual - Visual testing in your project

Ramona Schwering

Catching up on the basics you don't really need that much code thumbnail
14:44
LIVE • about 2 years ago

Catching up on the basics you don't really need that much code

Chris Heilmann

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.