Rick Viscomi(@rick_viscomi) 's Twitter Profileg
Rick Viscomi

@rick_viscomi

web performance devrel at @googlechrome

ID:89405591

linkhttp://rviscomi.dev/ calendar_today12-11-2009 08:44:55

4,9K Tweets

5,9K Followers

1,4K Following

Rick Viscomi(@rick_viscomi) 's Twitter Profile Photo

One of the best INP case studies I've seen!

TK writes about improving performance on vio.com

Really detailed explanations, diagrams, code samples, and data to help you understand exactly how he improved INP by ~70%

iamtk.co/optimizing-inp…

account_circle
Rob Eisenberg(@EisenbergEffect) 's Twitter Profile Photo

Cory LaViska jhey ▲🐻🎈 I really wish we could re-target all the work going into WCAG and ARIA towards building out all those patterns as new, fully themeable built-in HTML elements. The amount of knowledge and experience a web dev needs to build out basic UX w/o JS is astounding.

account_circle
Rick Viscomi(@rick_viscomi) 's Twitter Profile Photo

Knowing which interactions to optimize for INP is made infinitely easier when you're guided by real-user diagnostics

youtube.com/watch?v=xfjumh…

malchata.htm's I/O video just landed and it covers how to use web-vitals attribution to take the guesswork out of INP debugging

account_circle
Rick Viscomi(@rick_viscomi) 's Twitter Profile Photo

Great talk by Barry Pollard at I/O! 👏👏

youtu.be/bSua9vMdrNM?si…

Learn all about Speculation Rules: the 'one weird trick' of web performance

account_circle
ViniciusDallacqua 🌐(@WebTwitr) 's Twitter Profile Photo

Great breakdown on using the attribution build from web-vitals to understand INP scores through LoAF entries on now present on web-vitals V4 youtube.com/watch?v=xfjumh…

github.com/GoogleChrome/w…

account_circle
Barry Pollard(@tunetheweb) 's Twitter Profile Photo

Feeling intimidated by the Chrome DevTools Performance Panel and INP?

This is a fantastic video from Brendan Kenny with step by step instructions on dig into responsiveness issues. Guaranteed you'll learn a lot about how to debug these - I did!

youtube.com/watch?v=cmtfM4…

account_circle
Ivan Akulov(@iamakulov) 's Twitter Profile Photo

Tip: the easiest way to debug your JS performance is the Web Vitals extension, with console logging enabled.

• Click around the page
• See console logs for how long every click took + where the browser spent most of the time

Tip: the easiest way to debug your JS performance is the Web Vitals extension, with console logging enabled. • Click around the page • See console logs for how long every click took + where the browser spent most of the time
account_circle
Stoyan Stefanov 🪩(@stoyanstefanov) 's Twitter Profile Photo

events.perfplanet.com is live now! See what Web Performance events are coming up and add your event using the submission form (events.perfplanet.com/newevent.php) or the github repo (github.com/stoyan/events.…)

account_circle
Rick Viscomi(@rick_viscomi) 's Twitter Profile Photo

The goal of INP is minimize the time from when a user initiates an interaction until *the next frame is painted*

The next frame could be showing the user the character they typed or the active CSS state of a button/link they clicked

DON'T put spinners on everything 😄

account_circle
Chrome UX Report 📊(@ChromeUXReport) 's Twitter Profile Photo

This month we have added navigation type breakdowns to CrUX.

By exposing the navigation type breakdown, we hope to encourage site owners to look at caching setup, bfcache blockers, and prerendering.

More details in the navigation types announcement post:
developer.chrome.com/blog/crux-navi…

account_circle