Is your site ready for the new Interaction to Next Paint metric? Learn how to optimize this crucial Core Web Vital and improve your page's responsiveness.
#1about 5 minutes
Understanding user experience through a city commute analogy
Web navigation is compared to a daily city commute to illustrate user friction points like loading times and the overall importance of speed.
#2about 4 minutes
Introducing the three Core Web Vitals metrics
Core Web Vitals (LCP, CLS, and the upcoming INP) are key metrics Google uses to quantify the user experience of a website.
#3about 6 minutes
Measuring performance with field and lab data
Field data from real user monitoring (RUM) shows if a problem exists, while lab data from tools like Lighthouse helps debug and fix it.
#4about 14 minutes
Optimizing Largest Contentful Paint for faster loading
Improve LCP by optimizing server response time, eliminating resource delays, and managing render-blocking JavaScript and CSS.
#5about 10 minutes
Ensuring visual stability by fixing Cumulative Layout Shift
Prevent unexpected page movement by setting dimensions for images and ads, using the Back/forward cache, and optimizing font loading.
#6about 3 minutes
Understanding the shift from FID to Interaction to Next Paint
Interaction to Next Paint (INP) replaces First Input Delay (FID) to provide a more comprehensive measure of a page's responsiveness.
#7about 7 minutes
Strategies for optimizing Interaction to Next Paint
Improve INP by breaking up long JavaScript tasks, using the facade pattern for heavy components, and yielding to the main thread.
#8about 9 minutes
Navigating web complexity and performance budgets
A discussion on whether the web has become too complex and how performance budgets can help maintain a good user experience.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
04:16 MIN
Explaining the importance of Core Web Vitals
Next.js Unleashed: Optimizing Web Vitals for superior User Experience
01:58 MIN
Understanding the Core Web Vitals user experience metrics
Measure and improve frontend performance by using test automation
03:58 MIN
Understanding Core Web Vitals and measurement methods
Core Web Vitals: Put your application into orbit with best practices
01:53 MIN
Understanding perceived performance and Core Web Vitals
Optimistic UI Updates: Enhancing User Experience and Improving Interaction to Next Paint (INP)
02:49 MIN
Focusing on the right metrics for SPA performance
Lessons learned from building a thriving Vue.js SaaS application
07:02 MIN
How to measure INP with field and lab tools
Optimistic UI Updates: Enhancing User Experience and Improving Interaction to Next Paint (INP)
01:34 MIN
Why most modern websites fail Google PageSpeed tests
Rethinking web application design for fastest possible time to interactive
03:28 MIN
Understanding key frontend performance metrics and KPIs
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...
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...
Chris Heilmann
Dev Digest 116 - WWWAI?This time, learn how to un-AI Google's search results, what's new on the web, avoid a new security hole and go back to BASICS with us. News and ArticlesWhat a week. Google, Microsoft, OpenAI and many others had their big flagship events announcing th...
Luis Minvielle
The Best Upcoming IT WebinarsNow that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
From learning to earning
Jobs that call for the skills explored in this talk.