@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.

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

@Marcus @bramus @samdutton Query String probably a good idea.

Subdomains are more complicated though. Looking at below that;s two subdomains and also should include the eTLD+1 as well so it gets, tricky how to show those on a diagram.

tunetheweb, to test
@tunetheweb@webperf.social avatar

Seeing login weirdness in Chrome?

You might be in the 1% of users now blocking third-party cookies to facilitate testing. Check if you have a crossed out "eye" icon in the address bar and click on it to allow cookies to see if that helps.

More details: https://developers.google.com/privacy-sandbox/blog/cookie-countdown-2024jan

And if you wanna opt yourself in for testing too, then please do, by enabling chrome://flags/#test-third-party-cookie-phaseout. Great for testing your own sites don't have issues!

tunetheweb, to random
@tunetheweb@webperf.social avatar

I'm still annoyed with the death of a decent tech social media 😢

Too many people that I'd like to follow left Twitter (I refuse to call it by it's new name) and for understandable and good reasons, Mastodon thinks that linking is not an part of the web (sorry for the people that enjoy it here but just doesn't connect as well for me), Threads and Bluesky are just dead let's be honest.

It's got to the point that LinkedIn is actually looking good? 🤯 How the hell did that happen!!!

tunetheweb,
@tunetheweb@webperf.social avatar

@nhoizey I hate the UX of clicking on a Toot or a Profile outside of Mastodon and then not being able to repost/follow. It’s such an anti-web thing and a barrier IMHO.

seldo, to random

TIL ChatGPT knows how to play "6 degrees of Kevin Bacon"

tunetheweb,
@tunetheweb@webperf.social avatar

@seldo Well.... if got it in 7 initially (not 6) even though it could easily get it in a shorter amount when asked so not entirely sure it "knows how to play"...

tunetheweb,
@tunetheweb@webperf.social avatar

@seldo Well some would say it skipped past the first word in the name! 🙂

Schepp, to random German
@Schepp@mastodon.social avatar

@developers hey there and good morning! ☀️ Would it be possible to have the auto translation of articles on developer.chrome.com somehow turn off automatically? Not only that it's sometimes a bit weird to read due to the machine translation, I also prefer English in general. It would be wonderful if the "Switch to English" button would remember my settings. ✨

tunetheweb,
@tunetheweb@webperf.social avatar

@developers @Schepp Oh that reminds me that @kurtextrem said this to me too and I promised to look into it and never did. Will see what I can find out.

tunetheweb,
@tunetheweb@webperf.social avatar

@kurtextrem @developers @Schepp I’m hearing that if you use the select list it should be remembered whereas if you use the “Switch to English” banner that’s temporary. Not tested yet myself.

tunetheweb,
@tunetheweb@webperf.social avatar

@Schepp @kurtextrem @developers Wondering what better way this could be surfaced?
"Switch to English temporarily" isn't great but would be nice to surface what this Switch button does (and doesn't!) do somehow.

andy, to random
@andy@bell.bz avatar

bsky codes:

bsky-social-3bogm-77akx

bsky-social-ouwfg-eonev

bsky-social-ugvau-bqo3w

bsky-social-d4oaq-64hib

tunetheweb,
@tunetheweb@webperf.social avatar

@christian @andy I’ve got some. Feel free to DM me if still looking.

chriscoyier, to random
@chriscoyier@front-end.social avatar

Careful about Chrome 119 and beforeunload Event Listeners: https://chriscoyier.net/2023/11/15/careful-about-chrome-119-and-beforeunload-event-listeners/

tunetheweb,
@tunetheweb@webperf.social avatar

@nmoo @chriscoyier I suspect you ran into this: https://chromestatus.com/feature/5082396709879808

Check if you see anything in the console like attached screenshot?

I don't think anything has changed here recently and Firefox does the same without a user intervention (though Safari doesn't).

We probably should document that here: https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event

tunetheweb,
@tunetheweb@webperf.social avatar

@chriscoyier @nmoo yeah just commented on your blog again and can’t reproduce even on that version 😔

https://www.tunetheweb.com/beforeunload.mp4

Something weird is going on… especially as you got it in two Chromium browsers (Chrome and Arc) on that version.

nhoizey, to random French
@nhoizey@mamot.fr avatar

When I open this codepen in Chrome:
https://cdpn.io/nhoizey/fullpage/LYqyYbr?nocache=true&view=fullpage

The Web Vitals extension tells me the LCP is the time when the warning message on top is shown (< 1s), not when the image in the iframe is loaded (after a 5s delay).

I know there's a limit to LCP measures in iframes, but I thought the extension was dealing with it, is it not after all?

A WebPageTest on a temporary render of the Codepen (without iframe) works:
https://www.webpagetest.org/vitals.php?test=231109_BiDc5P_913&run=5&cached=0#lcp

tunetheweb,
@tunetheweb@webperf.social avatar

@nhoizey

Yup, this one is not possible based on Web Platform APIs.

The Web Vitals Extension just uses web-vitals.js and therefore the web platform APIs so is bound by this same limit.

Will consider clarifying this in that article.

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

@nhoizey Fun fact - DevTools also does not see cross-iframe LCP elements, though as it doesn't use Web APIs but lower level APIs it could see these (and in fact does for layout shifts and interaction events!) so we think we should expose this in DevTools and show the proper LCP element as it can. We have an open bug for it.

tunetheweb,
@tunetheweb@webperf.social avatar

@nhoizey Updated the docs (and also for FCP, FID, and CLS - INP didn't have similar comment) to now say "(where possible—note the iframe issue is not covered)"

tunetheweb, to random
@tunetheweb@webperf.social avatar

“I have been promised that Largest Contentful Paint is coming to Firefox this week”

Bas Schouten (@Schouten_B )
Performance Tech Lead, Mozilla, @perfnowconf

#perfnow #webperf #corewebvitals

seldo, to random

I keep legitimately forgetting the name of the prime minister between Boris and Sunak.

tunetheweb,
@tunetheweb@webperf.social avatar

@seldo time is the greatest healer.

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

Site speed and Core Web Vitals aren't just for developers! Decisions made by the business can make or break a website's user experience.

So, whether you're a non-techy using a site builder solution, or a bigger org with many influences over your site, take a read of my latest post "Optimizing Core Web Vitals for business decision makers" for useful information about some non-developer items that can influence your Core Web Vitals.

https://web.dev/articles/optimize-cwv-business

#webperf #corewebvitals

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

Great case study from @aaronpeters on using Speculation Rules to speed up TTFB! 👏

https://www.cdnplanet.com/blog/how-improve-ttfb-on-cloudflare-with-speculation-rules/

#webperf

benschwarz, to random
@benschwarz@front-end.social avatar

☑️ Received first DM marketing spam on mastodon

tunetheweb,
@tunetheweb@webperf.social avatar

@benschwarz Yup me too.

zachleat, to random
@zachleat@zachleat.com avatar

it’s very difficult to accidentally delete the production database when there is no production database

tunetheweb,
@tunetheweb@webperf.social avatar

@zachleat Are you sure there didn't used to be one a few mins ago?

tunetheweb,
@tunetheweb@webperf.social avatar

@zachleat I hope you're happy!

tunetheweb,
@tunetheweb@webperf.social avatar

@SergeyChe @zachleat I went database-less when I went server-less.

scottjehl, to random
@scottjehl@mstdn.social avatar

I’m always signed in so I hadn’t noticed but the signed-out GitHub homepage is some spectacular landing page design work. Super inspiring from a visual storytelling perspective. Wow.

tunetheweb,
@tunetheweb@webperf.social avatar

@scottjehl And still pretty fast! Just failing CWVs by a smidgen. Good post on it here: https://github.blog/2021-01-29-making-githubs-new-homepage-fast-and-performant/

eeeps, to random
@eeeps@front-end.social avatar

https://docs.google.com/presentation/d/1oEaW5dn7sTko7GdyqaJ_-meEfHLguG__nLDeWla58A8/ from @tunetheweb is great. But it makes me wonder how I should be thinking about the “do work ahead of time” vs “don’t do speculative work you might not need” tradeoff these days. I’ve traditionally been a bit allergic to doing anything I’m not ~certain the user is going to need later.

tunetheweb,
@tunetheweb@webperf.social avatar

@eeeps I like the speculation rules document rules with eager options. You can choose to only prerender on hover or even only on mouse down as those are pretty likely to lead to an actual navigation. The downside is in having less time to prerender.

@chrisdavidmills just wrote some great docs on MDN about all this btw: https://developer.mozilla.org/en-US/docs/Web/Performance/Speculative_loading

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