Jonas Kröger
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.
Eltemate
Amsterdam, Netherlands
Intermediate
Senior
TypeScript
Continuous Integration
+1
Power Plus Communications
Mannheim, Germany
Intermediate
Senior
Python
Automated Testing
+1
Douglas GmbH
Düsseldorf, Germany
Intermediate
Senior
TypeScript
React
Matching moments
11:10 MIN
The only frontend stack that truly matters
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
04:02 MIN
How a broken frontend culture impacts the web
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
11:32 MIN
The industry's focus on frameworks over web fundamentals
WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
03:34 MIN
The business case for sustainable high performance
Sustainable High Performance: Build It or Pay the Price
02:49 MIN
Using AI to overcome challenges in systems programming
AI in the Open and in Browsers - Tarek Ziadé
01:32 MIN
Organizing a developer conference for 15,000 attendees
Cat Herding with Lions and Tigers - Christian Heilmann
08:40 MIN
Integrating AI into Firefox while respecting user privacy
AI in the Open and in Browsers - Tarek Ziadé
14:14 MIN
Scripting presentations and demos in VS Code
Devs vs. Marketers, COBOL and Copilot, Make Live Coding Easy and more - The Best of LIVE 2025 - Part 3
Featured Partners
Related Videos
25:38Measure and improve frontend performance by using test automation
Ramona Schwering
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
1:06:20WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more
Chris Heilmann, Daniel Cranney & Jan Deppisch
40:24Snappy UI needs no Single-Page Application
Clemens Helm
54:23Let's get visual - Visual testing in your project
Ramona Schwering
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
58:26TDD for Vue.js Developers
Markus Oberlehner
58:59What you need to know about Core Web Vitals
Ines Akrap
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Visonum GmbH
Remote
Junior
Intermediate
React
Redux
TypeScript
Twin.Link GmbH
Osnabrück, Germany
Intermediate
Senior
React
TypeScript
Prime Force Group
Prime Force Group
Berlin, Germany
Remote
React
Vue.js
Flutter
Angular
+1
engelhardt softwareentwicklung GmbH
Ditzingen, Germany
Remote
CSS
GIT
HTML
Java
+10