Tessera
Folgen

Johannes Henkel

@powdercloud.bsky.social

I work on the Chrome User Experience Report (CrUX). Opinions (if any) are my own.

5 Posts100 Follower146 Folgt
Barry Pollard@tunetheweb.com · last yr.

Wanna measure Core Web Vitals for for SPAs? Well we've been working on the Soft Navigations API for that and we're launching a new origin trail from Chrome 139. More details here: developer.chrome.com/blog/new-sof... And the docs have also been updated: developer.chrome.com/docs/web-pla...

New Soft Navigations origin trial  |  Blog  |  Chrome for Developers

New Soft Navigations origin trial launching to help measure Core Web Vitals for Single Page Applications (SPAs)

developer.chrome.com

Barry Pollard@tunetheweb.com · last yr.

I work on a site which had really bad CLS scores. But it wasn’t “real CLS”, it was due to a graph tooltip that showed on hover (which doesn’t count as a user interaction, for good reasons), and followed the user as they panned along the graph. So I put off fixing it as it wasn’t a priority. 🧵1/6

Barry Pollard@tunetheweb.com · last yr.

We've just published v5.0.0 of the web-vitals JavaScript library for measuring Core Web Vitals. github.com/GoogleChrome... As a major release, this includes a number of breaking changes as detailed in the upgrading doc: github.com/GoogleChrome... Please read carefully before upgrading. 1/5 🧵

GitHub - GoogleChrome/web-vitals: Essential metrics for a healthy site.

Essential metrics for a healthy site. Contribute to GoogleChrome/web-vitals development by creating an account on GitHub.

github.com

Barry Pollard@tunetheweb.com · last yr.

Small quality of life improvement to PageSpeed Insights pagespeed.web.dev You can now click this link to quickly flip over to CrUX Vis to see the historical Core Web Vitals trends for whatever view you're looking at (mobile/desktop and URL/origin):

Teeny, tiny, history link in PageSpeed Insights.
Dave Smart@tamethebots.com · last yr.

CrUX team continue to be on absolute FIRE! MORE DATA! 🥳 You can now get up to 40 weeks data from the CrUX history API, so I've added that to my free tool here: tamethebots.com/tools/cwv-hi...

Visualise Data from the Chrome UX Report History API

See charts from the Chrome UX Report History API

tamethebots.com

Barry Pollard@tunetheweb.com · last yr.

For those monitoring Core Web Vitals, we made a small change to the CrUX History API used by CrUX Vis last night and now return 10 months of data, rather than 6 months of data to bring it more inline with the CrUX Dashboard that we're looking to deprecate. Enjoy! cruxvis.withgoogle.com#/

Barry Pollard@tunetheweb.com · last yr.

For those monitoring Core Web Vitals, we made a small change to the CrUX History API used by CrUX Vis last night and now return 10 months of data, rather than 6 months of data to bring it more inline with the CrUX Dashboard that we're looking to deprecate. Enjoy! cruxvis.withgoogle.com#/

CrUX Vis

CrUX Vis is an experiment by the Chrome team to help you explore the Chrome User Experiment Report data with visualizations and helpful links to articles, for a particular web page or origin.

cruxvis.withgoogle.com

Barry Pollard@tunetheweb.com · last yr.

New blog post by @brendankenny.bsky.social on the Insights in Perf Panel. Have you checked them out yet? Would love to know what you all think of them as. Are they useful? Which ones are? Which ones less so? What’s missing? developer.chrome.com/blog/devtool...

Insights sidebar in the DevTools Performance panel  |  Blog  |  Chrome for Developers

Learn about the new performance insights, the power of Lighthouse directly in the DevTools Performance panel.

developer.chrome.com

Dave Smart@tamethebots.com · last yr.

Yay! new CrUX API goodness! LCP Type and Image Subparts are now available!, so I've added them to my free CWV History Tool here: tamethebots.com/tools/cwv-hi...

Visualise Data from the Chrome UX Report History API

See charts from the Chrome UX Report History API

tamethebots.com

Barry Pollard@tunetheweb.com · last yr.

We don't have an official CrUX Bluesky account, so for the moment I'll announce the monthly releases. And we're starting with a big one! 🆕 The 202501 release is now live on BigQuery! Check out the announcement post for the full info: groups.google.com/a/chromium.o... Highlights below 👇 🧵 1/10

@erwinhofman.bsky.social · last yr.

Awesome #CrUX update by the people from #Google (and also partially available in our free tool as well) 👏 This was added: → LCP image subparts → LCP resource types → Round Trip Time (RTT) tri-bins → RTT p75 and histograms We added #LCP resource type already as well (see attached). 1/4

Bild
juan ferreras@juanf.is · last yr.

What a beautiful surprise to get these extra fields on CrUX APIs! Absolutely fantastic work from the Chrome team, it's hard to describe how extremely useful it is to get this level of UX insight on almost any website, for free and without having to previously convince clients to setup monitoring

A small section on a side project that displays a few widgets that render data freely available in Google CrUX APIs. An area chart of LCP, FCP, TTFB 75th percentiles over time, a grouped bar chart of the newly added LCP image sub parts, and a bar list of the also newly added LCP resource type distribution.
juan ferreras@juanf.is · 2y ago

This one was a surprisingly nice chart I hadn't planned – adding LCP+FCP+TTFB from CrUX on a single area chart. Similar to LCP subparts (with less insights of course) but from any website in CrUX instead of requiring real user monitoring

An area chart shows three metrics overlapping: TTFB, FCP and LCP, all pulling from Google CrUX dataset. It's a good way to see what portion of LCP is actually just attributed to TTFB or FCP, in a visual way.