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.

test

Milly
Vienna, Austria

Intermediate

test

Milly
Vienna, Austria

Intermediate

Matching moments

How to measure web performance with browser tools
06:20 MIN

How to measure web performance with browser tools

The Illusion of a Performant Web Application

Automating reactive performance testing in your CI/CD pipeline
19:42 MIN

Automating reactive performance testing in your CI/CD pipeline

Frontend Performance Testing in practice

Integrating performance, accessibility, and security tests
19:03 MIN

Integrating performance, accessibility, and security tests

Trunk-Based Development at Scale: Real-World Insights from a High-Traffic Luxury E-Commerce Platform

How to measure PWA performance with key tools
04:15 MIN

How to measure PWA performance with key tools

Is your Progressive Web App Lazy? How to read and improve your PWA Performance

Using Lighthouse to audit your site's performance
28:14 MIN

Using Lighthouse to audit your site's performance

Jamstack and Web Performance, a match made in heaven

Focusing on the right metrics for SPA performance
23:40 MIN

Focusing on the right metrics for SPA performance

Lessons learned from building a thriving Vue.js SaaS application

Understanding key frontend performance metrics and KPIs
06:47 MIN

Understanding key frontend performance metrics and KPIs

Frontend Performance Testing in practice

Automating accessibility checks in the CI/CD pipeline
07:33 MIN

Automating accessibility checks in the CI/CD pipeline

Accessibility Test Driven Development

Featured Partners

Related Videos

See all videos
Frontend Performance Testing in practice36:50

Frontend Performance Testing in practice

Jonas Kröger

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

Next.js Unleashed: Optimizing Web Vitals for superior User Experience26:44

Next.js Unleashed: Optimizing Web Vitals for superior User Experience

Eileen Fürstenau

Core Web Vitals: Put your application into orbit with best practices19:52

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

Nicolas Frizzarin

Using non-functional testing to guide user interface, backend services, voice interface, and media development47:37

Using non-functional testing to guide user interface, backend services, voice interface, and media development

Brien Colwell

How to add test automation to your project: The good, the bad, and the ugly26:20

How to add test automation to your project: The good, the bad, and the ugly

Augustin Gottlieb

It's a (testing) trap! - Common testing pitfalls and how to solve them24:19

It's a (testing) trap! - Common testing pitfalls and how to solve them

Ramona Schwering

Related Articles

View all articles
EM
Eli McGarvie
Stop Wasting Time: How to Lead a Stand-Up Meeting & Get Results
We all know the feeling: your stand-up meeting starts… and the energy in the room slowly deflates. Eyes glaze over, minds wander. Maybe you can even see their attention drop on smartphones or laptops.Within minutes or even seconds, instead of a quick...
Stop Wasting Time: How to Lead a Stand-Up Meeting & Get Results
KV
Kanika Vatsyayan
Benefits of Using JMeter For Performance Testing
Ever since we got exposure to the web and the Internet, things have never been the same. Be it business operations or the way we approach any services, even if it is purchasing groceries or booking a flight. Thanks to the introduction of advanced sof...
Benefits of Using JMeter For Performance Testing
LM
Luis Minvielle
10 Developer Websites in 2023
As a web developer, you're always investigating how to level up your skills and streamline your workflow. That's why we've gathered a collection of 10 innovative tools that are guaranteed to boost your productivity, enhance your coding abilities, ele...
10 Developer Websites in 2023

From learning to earning

Jobs that call for the skills explored in this talk.