Your local dev environment lies about performance. Learn three practical testing methods to ensure a fast experience for every user.
#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
02:44 MIN
Key takeaways for automated performance testing
Measure and improve frontend performance by using test automation
02:47 MIN
Why frontend performance is critical for users
Measure and improve frontend performance by using test automation
03:10 MIN
How to measure web performance with browser tools
The Illusion of a Performant Web Application
03:20 MIN
How to measure PWA performance with key tools
Is your Progressive Web App Lazy? How to read and improve your PWA Performance
03:05 MIN
Integrating performance, accessibility, and security tests
Trunk-Based Development at Scale: Real-World Insights from a High-Traffic Luxury E-Commerce Platform
01:56 MIN
Why front-end performance matters for business success
Multithreading in Javascript: A guide to Web Workers
02:44 MIN
The performance problem with modern web applications
Qwik: Making sure that easy is same as performant
01:57 MIN
The two primary approaches for improving frontend performance
To New Frontiers: The Future of Frontend Development
WeAreDevelopers LIVE days are changing - get ready to take partStarting 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...
Ashutosh Mishra
25 Essential Tools for Front End DevelopersThe 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 ...
Luis Minvielle
10 Developer Websites in 2023As 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...
Kanika Vatsyayan
Benefits of Using JMeter For Performance TestingEver 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...
From learning to earning
Jobs that call for the skills explored in this talk.