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.

test

Milly
Vienna, Austria

Intermediate

test

Milly
Vienna, Austria

Intermediate

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

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 web performance with browser tools
06:20 MIN

How to measure web performance with browser tools

The Illusion of a Performant Web Application

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

Why front-end performance matters for business success
00:05 MIN

Why front-end performance matters for business success

Multithreading in Javascript: A guide to Web Workers

The performance problem with modern web applications
07:09 MIN

The performance problem with modern web applications

Qwik: Making sure that easy is same as performant

The two primary approaches for improving frontend performance
03:58 MIN

The two primary approaches for improving frontend performance

To New Frontiers: The Future of Frontend Development

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

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

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

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

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

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

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

Eileen Fürstenau

Related Articles

View all articles
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
AM
Ashutosh Mishra
25 Essential Tools for Front End Developers
The web development field has evolved greatly in recent years and is continuously evolving — at a rapid rate. Every now and then, new front-end development tools are released. Not all of them make it big, but there are a few tools that fundamentally ...
25 Essential Tools for Front End Developers
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
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

From learning to earning

Jobs that call for the skills explored in this talk.