@tunetheweb@webperf.social
@tunetheweb@webperf.social avatar

tunetheweb

@tunetheweb@webperf.social

Web Performance Developer Advocate for Google Chrome helping to make the web go faster! All opinions my own.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

tunetheweb, to random
@tunetheweb@webperf.social avatar

I've a new blog post out on all the lovely Speculation Rules improvements in Chrome.

I'm VERY excited about Document Rules and how easy it makes it to add low-risk prefetch or prerendering to your site:
https://developer.chrome.com/blog/speculation-rules-improvements

Try it out and let me know how you get on!

#webperf

zachleat, to random
@zachleat@zachleat.com avatar

Genuinely curious: what’s the point in developer advocacy or developer relations work if the parent company requires radio silence during periods of extreme criticism, facing backlash for the company’s direction and decisions?

Shouldn’t this be the moment in which your team are most useful?

tunetheweb, (edited )
@tunetheweb@webperf.social avatar

@zachleat @tomayac God no. Please don’t make use do that. As well as being incredibly boring, it would likely result in us being afraid to ever tweet/toot/blog/speak or even help ever again!

IMHO our role is to help developers as much as we can (within certain constraints), and also feed back developer’s sentiment internally—not to cover our employers legally.

But yeah that sometimes means we don’t talk about some things—but that doesn’t mean we aren’t still listening and feeding back!

tunetheweb,
@tunetheweb@webperf.social avatar

@tomayac @zachleat Besides the only thing that legal training is going to tell you is “say nothing over anything legally contentious until we have something official to announce”. Which is what you say is happening for whichever drama you are sub-tooting here. So more legal training won’t help anyway. 🤷‍♂️

tunetheweb,
@tunetheweb@webperf.social avatar

@zachleat @tomayac But back to your original point. Do you really think that would result in communicating more about legally contentious issues?

tunetheweb, to random
@tunetheweb@webperf.social avatar

This is a brilliant read! Both on the performance gains themselves and, perhaps more importantly, as a great case study on how to use Chrome DevTools performance panel to identify and improve your biggest performance bottlenecks! #webperf

https://developer.chrome.com/blog/perf-panel-4x-faster

tunetheweb, to random
@tunetheweb@webperf.social avatar

My @fosdem talk on instant loads via the Speculation Rules API is now available to watch online, or view the slides:
https://fosdem.org/2024/schedule/event/fosdem-2024-2003-better-than-loading-fast-is-loading-instantly-/

Enjoy! And fire me any of your questions on Speculation Rules. I'm working away on more docs on document rules.

#webperf

tunetheweb, to random
@tunetheweb@webperf.social avatar

We've listened to your feedback and improved how you can switch languages on http://web.dev and http://developer.chrome.com!

Now, when you use the "Switch to English" button your language choice of English will be persisted, rather than this being a temporary switch as it was previous.

This permanent switch was always available through the language drop downs, but the, more obvious, button worked only as a temporary switch and revert on next visit.

tunetheweb,
@tunetheweb@webperf.social avatar

We will continue to offer all of our content in 20 additional languages—primarily though machine translation as this allows us to offer ALL of our content almost immediately in ALL those languages and to ensure it is always kept up to date.

Machine translations are not perfect, we understand. But we believe the additional inclusion it offers is a good thing despite that, and we believe this will only improve.

But hopefully those that do prefer the original English will be less frustrated now.

xvilo, to random
@xvilo@mastodon.org.uk avatar

Just attended a very interesting talk about Chrome's Speculation prefetch rules by @tunetheweb at #fosdem. Thanks! Side question, should we pair this with Chrome's Private Prefetch Proxy?

tunetheweb,
@tunetheweb@webperf.social avatar

@xvilo

Great question!

Speculation Rules is primarily intended for same-site prefetches and prerenders where this is less necessary.

For omnibar prerenders it’s only for commonly visited sites, where again less of an issue.

However, for Google Search where we prerender we DO use this for SERPs that we prefetch/prerender to protect privacy. And we’re considering using it for Ads (currently not prefetched/prerendered).

tunetheweb,
@tunetheweb@webperf.social avatar

@xvilo And that’s the main reason it doesn’t do it for that use case yet! 😀 Still to be worked out but we have ideas.

But potential gains are huge! Ad redirect time is a big factor in LCP for many sites.

tunetheweb, to random
@tunetheweb@webperf.social avatar

The Chromium Issue tracker (aka https://bugs.chromium.org aka crbug.com) is being migrated to a new system and will be offline for the weekend while that happens.

More details:
https://developer.chrome.com/blog/chromium-issue-tracker-migration-2024

bagder, to random
@bagder@mastodon.social avatar

Stocking up. Come find me at #FOSDEM for a #curl sticker or two.

tunetheweb,
@tunetheweb@webperf.social avatar

@bagder Must find you to say hello! Would come by your talk tomorrow.

tunetheweb, to random
@tunetheweb@webperf.social avatar

Date announced for WHEN we're officially making INP a Core Web Vital - 12th March 2024.

We'd previously just stated "March" but now have an actual date when in March. Mid-month so we've probably upset those assuming first of month, or end of month equally 😁

https://web.dev/blog/inp-cwv-march-12

And, as ever, INP measures responsive issues on your website that are issues NOW!

So I wouldn't wait for 12th of March - start looking ASAP so you can make your users happier sooner.

#webperf #corewebvitals

tunetheweb, to random
@tunetheweb@webperf.social avatar

For those playing with the Chrome Soft Navigations Experiment (https://developer.chrome.com/docs/web-platform/soft-navigations-experiment), we've published a Changelog of all the changes to this metric by Chrome version:

https://chromium.googlesource.com/chromium/src/+/refs/heads/main/docs/speed/metrics_changelog/soft_navigations.md

We'll look to keep it up to date as we iterate this API.

brucelawson, to random
@brucelawson@vivaldi.net avatar

I don't want Chromium to win. Now its monopoly is removed, Apple can now actually invest in Safari so it's no longer "the new IE6". Since regulators started looking, Apple has really put work into it. Let's hope this continues. WebKit runs on Mac, Linux, Android and Windows (there used to be Safari/ Win). If anyone has money, marketing clout and brand loyalty to make a brilliant cross-platform Safari to compete against Chrome. If anyone can, it's Apple.

tunetheweb,
@tunetheweb@webperf.social avatar

@brucelawson @jan interesting stats here: https://x.com/rickbyers/status/1750937275691675884?s=46&t=72NqVYI80BM0T97DHBG8iQ

Main one reproduced to save you going off to that site if you don’t wanna.

tunetheweb, to random
@tunetheweb@webperf.social avatar

https://botsin.space/@intenttoship/111801623157859284

Fed up with SPAs being a 2nd-class citizen with Core Web Vitals?

We want (need!) your feedback on the proposed Soft Navigations API, which is looking to solve this:
https://developer.chrome.com/docs/web-platform/soft-navigations-experiment

Have you used it? What works? What doesn't? Let us know! Feedback link at the bottom of that post.

tunetheweb,
@tunetheweb@webperf.social avatar

@cferdinandi Bored of SPAs?

Then help us measure them properly to allow us to check if they live up to their page 2+ performance hype despite their page 1 cost. Or if it all was just… hype! 😀

tunetheweb,
@tunetheweb@webperf.social avatar

@cferdinandi I don't think anyone's disagreeing that CSR results in a longer first page load (hence the move back to SSR for initial render that we're seeing now).

The bit that we're a bit blind to (and that this API looks to solve) is the subsequent page loads after as our traditional page load metrics (and even the new CWV ones) basically don't work for those.

tunetheweb,
@tunetheweb@webperf.social avatar

@cferdinandi Now that doesn't mean first page load isn't important (it IS!!!) but for long-lived sites, are the subsequent page loads faster? Or not? Is it worth the "up-front hit"?

And even if it's not, but that's solved with the SSR trend so it's not an issue anymore (and that's a big if!), are the subsequent page loads actually any faster or better than MPA? It would be great to know!

Love em or hate em, the reality is SPAs aren't going away so would be good to measure them properly.

tunetheweb, to random
@tunetheweb@webperf.social avatar

I'm doing a free webinar on Speculation Rules with NitroPack next week.

Sign up for free here: https://webinars.nitropack.com/#instant-load-invite

I speculate that this API might be a very exciting thing in #webperf in 2024 (did you see what I did there? 😆)

tunetheweb,
@tunetheweb@webperf.social avatar

You can also check out the recordings of the previous three webinars at the same link on:

  • "Decoding Core Web Vitals and Real-User Experience"

  • "The Business Imperative of Responsiveness Optimization"

  • "Mastering LCP Optimization for Your Website"

tunetheweb, to random
@tunetheweb@webperf.social avatar

Long Animation Frame (LoAF) Timing Intent to Ship just sent by @nomster - for all your INP analysis needs in the field!
https://groups.google.com/a/chromium.org/g/blink-dev/c/5IzAuV4WtfU/m/ajbaoKf6BgAJ

More info here:
https://developer.chrome.com/docs/web-platform/long-animation-frames

tunetheweb, to random
@tunetheweb@webperf.social avatar

@Yoav I have a little sniffle to myself every time I reply to an old group thread and get this in my inbox 😢

Hope you're keeping well and ready to start your new Shopify adventure soon!

tunetheweb, to random
@tunetheweb@webperf.social avatar

Really like this URL post @samdutton created and the embedded tool to analyze a URL. Helpful to have all this info in one place! One I think I'll be coming back to again and again...

https://web.dev/articles/url-parts

bramus, (edited ) to random
@bramus@front-end.social avatar

What are the parts of a URL?

The tool: https://url-parts.glitch.me

The article: https://web.dev/articles/url-parts

Excellent work by my colleague @samdutton

tunetheweb,
@tunetheweb@webperf.social avatar

@alvaromontoro @bramus @samdutton Technically the protocol (as returned by the URL API) includes the : but not the // so is "https:". Added it to the tool and will add to the post.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • ngwrru68w68
  • everett
  • InstantRegret
  • magazineikmin
  • thenastyranch
  • rosin
  • GTA5RPClips
  • Durango
  • Youngstown
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • provamag3
  • tacticalgear
  • osvaldo12
  • tester
  • cubers
  • cisconetworking
  • mdbf
  • ethstaker
  • modclub
  • Leos
  • anitta
  • normalnudes
  • megavids
  • lostlight
  • All magazines
    •