Ramona Schwering

Measure and improve frontend performance by using test automation

What if your existing test suite could automatically prevent performance regressions? Learn how to integrate Lighthouse audits directly into your CI/CD pipeline.

Measure and improve frontend performance by using test automation
#1about 3 minutes

The challenge of making applications fast and performant

The principle "make it work, make it right, make it fast" highlights that while functionality and maintainability have tool support, performance optimization remains a daunting manual task.

#2about 4 minutes

Using end-to-end tests for performance monitoring

Existing end-to-end test automation can be repurposed to gather performance metrics, providing accurate results by testing the complete application stack.

#3about 3 minutes

Why frontend performance is critical for users

Web performance is defined by speed and efficiency, with frontend issues being the most noticeable to users, impacting user experience and search engine rankings.

#4about 6 minutes

Automating Google Lighthouse audits with Cypress

The cypress-audit plugin allows you to integrate Google Lighthouse performance, accessibility, and SEO checks directly into your Cypress end-to-end tests.

#5about 2 minutes

Understanding the Core Web Vitals user experience metrics

Core Web Vitals are critical user experience metrics focusing on loading (LCP), interactivity (FID), and visual stability (CLS) that directly impact page rank.

#6about 2 minutes

Integrating Core Web Vitals checks into tests

The cypress-web-vitals plugin enables automated measurement of Core Web Vitals within your test suite, failing builds when performance thresholds are not met.

#7about 3 minutes

Key takeaways for automated performance testing

To improve performance you must measure it, focus on the frontend where issues are most visible, and utilize existing test automation with tools like Lighthouse and Core Web Vitals.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Videos

See all videos
Frontend Performance Testing in practice36:50

Frontend Performance Testing in practice

Jonas Kröger

How not to test 43:07

How not to test

Golo Roden

Implementing smoke testing and proactive monitoring in production1:29:04

Implementing smoke testing and proactive monitoring in production

Liam Hurrell & Jan Kunzmann

Plants vs. Thieves: Automated Tests in the World of Web Security24:09

Plants vs. Thieves: Automated Tests in the World of Web Security

Ramona Schwering

Continuous testing - run automated tests for every change!47:22

Continuous testing - run automated tests for every change!

Christian Kühn

Metrics Handle with Care: The Paradox of Measuring Team Performance17:56

Metrics Handle with Care: The Paradox of Measuring Team Performance

Stefan Stelzer & Volker Zöpfel

Let's get visual - Visual testing in your project54:23

Let's get visual - Visual testing in your project

Ramona Schwering

Let's get visual - Visual testing in your project44:59

Let's get visual - Visual testing in your project

Ramona Schwering

From learning to earning

Jobs that call for the skills explored in this talk.