tunetheweb

tunetheweb, 5 days ago to random

What is TTFB? What is it not?

It may surprise you that those questions are a bit more tricky to answer than you might assume.

We've added a section to our docs to explain a bit more:
https://web.dev/articles/ttfb#other-definitions

tunetheweb, 7 days ago to random

The Web Vitals Extension v1.5.1 has been released with new INP debug data in the console logging.

With this you can see where your INP time is being spent—is it your event handler's JavaScript? Or was it input delay before that so optimising this interaction's JavaScript isn't going to help? Or presentation delay after that?

And for where it isn't directly related to the interactions's JavaScript we now include Long Animation Frame (LoAF) script data to see what else was running at the time!

tunetheweb, 8 days ago to random

Heard about the Speculation Rules API? You can use it to prerender future navigations for instant future navigations.

Well, did you know that Chrome prerenders pages from the address bar and the bookmarks bar? So your site might already be using this prerendering technology.

Use the "Navigation Type Distribution" tab of the CrUX Dashboard to check your site to see if, and how often, that happens:

https://developer.chrome.com/docs/crux/dashboard

matuzo, 15 days ago to random

1. Download font from Google Fonts. Original size: 154KB
2. Subset font. New size: 21KB
3. Convert to woff2: New size: 10KB

With 3 styles, optimizing fonts saves me ~420KB 🫠

tunetheweb, 19 days ago to random

Great case study! Shows the impact INP can have beyond just browsing the web:

https://web.dev/case-studies/hotstar-inp

And not the first time I’ve heard of CWVs being used to improve experiences on embedded apps using Chromium.

#wbeperf

adactio, 20 days ago to random

Journal: Speculation rules and fears

Browser are user agents, not developer agents.

🔗https://adactio.com/journal/21149

tunetheweb, 23 days ago to random

Have you heard about the Speculation Rules API but not found time to implement it on your website yet?

Well, we published a codelab for Google I/O to walk you through it on a demo site so you can see how easy it is to implement:
https://codelabs.developers.google.com/speculation-rules

Try it out!

#webperf

tunetheweb, 27 days ago to random

Lots of advice on debugging INP in @malchata ’s Google I/O video.

Delves deep into useful attribution data available in version 4 of the web-vitals library released this week!

#googleio #webperf

https://io.google/2024/explore/ba446093-0036-410b-ba1e-f9016ec21899/

tunetheweb, 27 days ago (edited 27 days ago) to random

My Google I/O talk "From fast loading to instant loading" about the Speculation Rules API is now live!

https://www.youtube.com/watch?v=bSua9vMdrNM

Hit me up if you have any questions

2 years ago—before I joined Google—some work I did was highlighted at I/O 2022. Then I was lucky enough to get my dream job at Google and prerecorded a talk for I/O 2023. And now I've got to talk live. I guess the only place to go from here is doing Sundar's keynote next year 😜

#webperf

tunetheweb, 28 days ago to random

There's a few nice #webperf improvements in Chrome 125 DevTools in case you missed them:
https://developer.chrome.com/blog/new-in-devtools-125

• 103 Early Hints information in Network panel 🛜
• CSS Selector Stats cost 💰
• Hide or change order of Perf Panel tracks ↕

Let us know what you think!

tunetheweb, 1 month ago to random

We’ve just published a v4 release candidate of web-vitals.js:

https://www.npmjs.com/package/web-vitals/v/4.0.0-rc.0

We’re not planning any further changes so if no issues or bugs are reported then we plan to release v4.0.0 in the next week or so.

This release contains:

• INP breakdowns (input delay, processing duration, presentation delay) to point you in the direction of the cause.
• INP Long Animation Frame (LoAF) entry/entries for further help debugging INP with script and timing info of things affecting INP.