"Looking how browsers choose the right image to load with srcset, dpr, and sizes", Ian Duffy (@duffeh.bsky.social)
Is your bounce rate within the norm? And how much is your traffic costing you? Is your conversion rate up to industry standards?
The Contentsquare Digital Experience Benchmark is here to answer all these questions and much more.
With an in-depth analysis of 90 billion sessions (389 billion page views), this report, available as a document or an interactive web application, offers valuable insights into acquisition channels, mobile versus desktop engagement, retention, and revenue.
It also includes an analysis of the most common UX and technical frustrations (and, as you might suspect if you follow me, it also comments on the impact of Web Performance).
Optimize your digital strategy: check it out now!
https://go.contentsquare.com/en/digital-experience-benchmark?utm_source=mastodon&utm_medium=social
Très bel article de Patrick Brosset, que je recommande à tous·tes les amoureux·ses du web et de ses standards.
Hommage à @rachelandrew et @jensimmons dont on ne vantera jamais assez la contribution au CSS d'aujourd'hui.
"Évolution rapide et lente : le paradoxe de la plateforme Web" — 24 jours de web
https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web
An always-useful reminder: "Not every user owns an iPhone", Alex Hamer (@hame22@x.com)
https://calendar.perfplanet.com/2024/not-every-user-owns-an-iphone/
Web Performance is about understanding how the Web works.
The catch? When Marketing and Product, who know the needs very well, completely delegate technical decisions to IT, which ends up choosing based on their preferences or trends.
To help restore diversity to the web, here is a long and yummy metaphor to explain to people who have never coded how the web works!
https://calendar.perfplanet.com/2024/your-website-is-a-restaurant/
La Performance Web, c'est comprendre comment le Web fonctionne.
Le hic ? Quand le Marketing et le Produit, qui connaissent bien les besoins, délèguent totalement les décisions techniques à l'IT qui finit par choisir en fonction de ses goûts ou des tendances.
Pour redonner au web sa diversité, voici une métaphore filée pour expliquer à des personnes qui n'ont jamais codé comment le web fonctionne !
https://boris.schapira.dev/notes/2024-12-analogie-restaurant/
"An Abridged History of Safari Showstoppers", Roderick E.J.H. Gadellaa (@rgadellaa)
> Every browser has bugs. But the sheer quantity of things that only fail in Safari is kind of baffling.
Utilizing Contentsquare Digital Experience Monitoring helps gather and rank technical errors on websites. Errors on iOS/Safari are 15% to 45% higher than traffic share, indicating a higher error rate. Yet, none of the dev teams I spoke to planned tests on iOS/Safari.
"Building a robust frontend using progressive enhancement - Service Manual - GOV.UK"
https://www.gov.uk/service-manual/technology/using-progressive-enhancement
> Do not build your service as a single-page application (SPA). > This is where the loading of pages within your service is handled by JavaScript, rather than the browser.
> Single page applications rarely bring benefits and can make the service inaccessible.
via Karlijn Löwik
"Improving rendering performance with CSS content-visibility", Nolan Lawson (@nolan)
https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility/
Nolan faced a situation that required virtualization. He opted to utilize the `content-visibility` CSS property instead.
"Optimizing INP for a React App & Performance Learnings", TK Kinoshita (@WordsOfTeekay@twitter.com)
https://www.iamtk.co/optimizing-inp-for-a-react-app-and-performance-learnings
A very interesting long read about the journey to a better INP in a reactjs setting.
#boostmarks "Latency numbers every frontend developer should know", Malte Ubl (@cramforce@twitter.com)
https://vercel.com/blog/latency-numbers-every-web-developer-should-know
via @SergeyChe
"To experts, expertise", @eliesloim
"No one calls a surgeon to treat a cold. The day we stop mobilizing experts to deal with the basics of digital technology, we will have taken a serious step towards the maturity of our professions."
https://www-opquast-com.translate.goog/edito-newsletter-n108-aux-experts-lexpertise/?_x_tr_sl=fr&_x_tr_tl=en&_x_tr_hl=fr&_x_tr_pto=wapp (translated by Google, original in French)
"The Performance Inequality Gap, 2024", Alex Russel (@slightlyoff)
https://infrequently.org/2024/01/performance-inequality-gap-2024/
"We got to a place where performance has been a constant problem in large part because a tribe of programmers convinced themselves that it wasn't and wouldn't be. The circa '13 narrative that:
- CPUs would keep getting faster
- Networks would get better, or at least not get worse.
- Organisations had all learned the lessons of Google and FaceBook's adventures in Ajax.
was all bullshit"
"WhoCanUse", by Corey Ginnivan (@CoreyGinnivan@twitter.com) https://www.whocanuse.com/
A tool to add to your favorites, next to "Can I Use", to check your color contrasts.
"HAR Sanitizer" by Cloudflare
https://har-sanitizer.pages.dev/
> HAR files are JSON-formatted archive files used to log web browser interactions. Developers and IT professionals often use the performance data in HAR files to troubleshoot issues.
> We want to make it possible to troubleshoot with HAR files without the threat of a stolen session. The HAR File Sanitzer will remove sensitive data using “clientside” logic.
via @stoyan
"We're Bringing Responsive Video Back!", Scott Jehl (@scottjehl)
https://scottjehl.com/posts/responsive-video/
We could once again take advantage of the syntax we already know from <picture> to bring responsive videos back to life.
I wonder how the market'll react, as contributors would have to generate different versions of their hi-def video upstream. Many would use a DAM for this, that are increasingly embedding... streaming features that are far more interesting.
"The Ultimate Low-Quality Image Placeholder Technique", Harry Roberts (@csswizardry)
https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/
Great explanation on how to generate and use as a background the smallest possible legitimate #LCP image #placeholder while waiting for a hi-res version. While I admire the thoroughness of the post, I'm overcome by a strange sadness: I feel that this should be the role of a progressive image format, and not the shenanigans of front-end developers.
#boostmarks "Watch Out for Layout Shifts with ‘ch’ Units", Paul Hebert ( @paulhebert)
https://cloudfour.com/thinks/watch-out-for-layout-shifts-with-ch-units/
"Performance Is Not a Checklist", Tim Kadlec (@tkadlec)
https://timkadlec.com/remembers/2023-06-01-performance-is-not-a-checklist/
"There’s an tendency at times for organizations to treat performance as a checklist of sorts
[…]
But none of that matters if those metrics aren’t painting a complete picture of how users interact with our sites.
[…]
It’s about providing a better experience for the people using our sites and applications to make sure they can efficiently accomplish their goals."
#boostmarks "When JavaScript Fails", Jason Godesky (@jason)
https://scribe.rip/@jason.godesky/when-javascript-fails-52eef47e90db
A beautiful love letter to progressive enhancement 
(via https://perf.email/)
