Jonas Kröger

Frontend Performance Testing in practice

Your local dev environment lies about performance. Learn three practical testing methods to ensure a fast experience for every user.

Frontend Performance Testing in practice
#1about 5 minutes

Why frontend performance is crucial for business and users

Poor performance negatively impacts users with slow internet or low-end devices and directly harms business revenue and signups.

#2about 3 minutes

Understanding key frontend performance metrics and KPIs

Key performance indicators like Time to Interactive and First Contentful Paint translate technical measurements into the perceived user experience.

#3about 2 minutes

Setting aggressive goals for key performance metrics

Establish clear, aggressive targets for metrics like JavaScript bundle size and Time to Interactive to guide optimization efforts.

#4about 3 minutes

An overview of proactive, reactive, and passive testing

Performance testing can be categorized into proactive (during development), reactive (in CI/CD), and passive (continuous monitoring) approaches.

#5about 5 minutes

Proactive testing with dev tools and bundle analyzers

Use browser dev tools for network throttling and tools like Webpack Bundle Analyzer to identify large dependencies during local development.

#6about 11 minutes

Automating reactive performance testing in your CI/CD pipeline

Integrate automated Lighthouse and WebPageTest runs into your CI/CD pipeline to track performance KPIs and enforce budgets on every build.

#7about 3 minutes

Using passive testing for continuous real-user monitoring

Employ external services like New Relic or Calibre to continuously monitor live site performance and gather real-user data over time.

#8about 3 minutes

Key takeaways for building a strong performance culture

Building a performance-focused culture relies on collecting data, automating everything, and fostering developer empathy through practices like "2G Tuesdays".

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

Matching moments

Key takeaways for automated performance testing
22:54 MIN

Key takeaways for automated performance testing

Measure and improve frontend performance by using test automation

The only frontend stack that truly matters
45:42 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Why frontend performance is critical for users
09:42 MIN

Why frontend performance is critical for users

Measure and improve frontend performance by using test automation

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

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

The web performance problem with modern frameworks
00:02 MIN

The web performance problem with modern frameworks

Interactive server side components

Q&A: Performance, testing, and native integration
29:37 MIN

Q&A: Performance, testing, and native integration

There's an app for that - on the role of cross platform development in the app development ecosystem

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

Featured Partners

Related Videos

See all videos
Measure and improve frontend performance by using test automation25:38

Measure and improve frontend performance by using test automation

Ramona Schwering

Catching up on the basics you don't really need that much code14:44

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

Chris Heilmann

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more1:06:20

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Chris Heilmann, Daniel Cranney & Jan Deppisch

Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

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

Let's get visual - Visual testing in your project

Ramona Schwering

What you need to know about Core Web Vitals58:59

What you need to know about Core Web Vitals

Ines Akrap

TDD for Vue.js Developers58:26

TDD for Vue.js Developers

Markus Oberlehner

Related Articles

View all articles
BR
Benjamin Ruschin
What Developers Really Need to Create Great Code Demos
Every developer on earth has, at some point, had another developer to thank for a breakthrough, a success, an aha moment they wouldn’t have had without coming across that blog post, that open-source contribution, that reply on socials or that humble ...
What Developers Really Need to Create Great Code Demos
CH
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part
DC
Daniel Cranney
Dev Digest 190: GitHub A11Y action, >12s Sora 2 videos and 42 CSS units!
Inside last week’s Dev Digest 190 . 🙅 Developers don’t trust AI, and that’s a good thing 🤖 Why everyone is talking about AI agents 🔓 Autonomous AI hacking and the future of cyber security 😨 Windows 10 support ends, millions of PC’s fall off a securi...
Dev Digest 190: GitHub A11Y action, >12s Sora 2 videos and 42 CSS units!

From learning to earning

Jobs that call for the skills explored in this talk.

Performance Tester - Contract

Performance Tester - Contract

Pixelcode Technologies Limited
Wellesbourne, United Kingdom

€104K
API
JMeter
Performance Testing
Continuous Integration