#boostmarks — Public Fediverse posts

I urgently need €30 for a medical ointment for my sudden allergy, and €50 for clean drinking water due to a stomach infection caused by contaminated water.
#gazaverified #gaza #gazagenocide #gazahelp #GazaWar #gazastrip #Gazachildren #freepalestine #mutualaid #MutualAidRequest #MutualAidBoost #mutual #MutualAidMonday #MutualAidReques #helpgaza #boostplease #boostmarks #boostswelcome #boosting #peace #palestina
https://chuffed.org/project/171063

I urgently need €30 for a medical ointment for my sudden allergy, and €50 for clean drinking water due to a stomach infection caused by contaminated water.
#gazaverified #gaza #gazagenocide #gazahelp #GazaWar #gazastrip #Gazachildren #freepalestine #mutualaid #MutualAidRequest #MutualAidBoost #mutual #MutualAidMonday #MutualAidReques #helpgaza #boostplease #boostmarks #boostswelcome #boosting #peace #palestina
https://chuffed.org/project/171063

I urgently need €30 for a medical ointment for my sudden allergy, and €50 for clean drinking water due to a stomach infection caused by contaminated water.
#gazaverified #gaza #gazagenocide #gazahelp #GazaWar #gazastrip #Gazachildren #freepalestine #mutualaid #MutualAidRequest #MutualAidBoost #mutual #MutualAidMonday #MutualAidReques #helpgaza #boostplease #boostmarks #boostswelcome #boosting #peace #palestina
https://chuffed.org/project/171063

I urgently need €30 for a medical ointment for my sudden allergy, and €50 for clean drinking water due to a stomach infection caused by contaminated water.
#gazaverified #gaza #gazagenocide #gazahelp #GazaWar #gazastrip #Gazachildren #freepalestine #mutualaid #MutualAidRequest #MutualAidBoost #mutual #MutualAidMonday #MutualAidReques #helpgaza #boostplease #boostmarks #boostswelcome #boosting #peace #palestina
https://chuffed.org/project/171063

I urgently need €30 for a medical ointment for my sudden allergy, and €50 for clean drinking water due to a stomach infection caused by contaminated water.
#gazaverified #gaza #gazagenocide #gazahelp #GazaWar #gazastrip #Gazachildren #freepalestine #mutualaid #MutualAidRequest #MutualAidBoost #mutual #MutualAidMonday #MutualAidReques #helpgaza #boostplease #boostmarks #boostswelcome #boosting #peace #palestina
https://chuffed.org/project/171063

W3C has a first draft for the Long Animation Frames API, congrats to the Web Performance Working Group relentless work on this: https://www.w3.org/news/2026/first-public-working-draft-long-animation-frames-api/

#boostmarks #WebDev #WebPerformance

Be a rebel. Learn web primitives instead of copy-pasting code you don't understand: https://htmlforpeople.com/

#boostmarks

> The sizes attribute has been a necessary evil but now, with an auto value capability, it’s completely transformed authoring responsive images on the web.

"The end of responsive images", Mat Marquis (@Wilto)

https://piccalil.li/blog/the-end-of-responsive-images/

#boostmarks #responsive #Images #WebDev

I've been waiting for this for 15 years. No kidding.

"Standard HTML Video & Audio Lazy-loading is Coming!", Scott Jehl (@scottjehl)

https://scottjehl.com/posts/lazy-media/

#Video #WebPerformance #boostmarks

French sport daily newspaper l'Équipe is moving away from SPAs:

(Translated)
> With a SPA, performance depends on a global execution time of the application, while with an MPA, it stems directly from the work actually needed to display the page. In summary, moving from SPA to MPA was, for our website, a reduction in complexity where it no longer brought value, to the service of performance.

🇫🇷 https://medium.com/lequipe-tech/de-spa-%C3%A0-mpa-reprendre-en-main-la-performance-500c506d2983

via @anthony

#MPA #WebPerformance #boostmarks

#boostmarks

"Many Servers Don't Properly Support HTTP Prioritization", Matt Zeunert

https://www.debugbear.com/blog/http-prioritization

#boostmarks

"Looking how browsers choose the right image to load with srcset, dpr, and sizes", Ian Duffy (@duffeh.bsky.social)

https://iankduffy.com/articles/looking-how-browsers-choose-the-right-image-to-load-with-srcset,-dpr,-and-sizes/

#Images #Responsive

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

#Boostmarks #UX #WebPerformance #Performance

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

#24JoursDeWeb #Boostmarks

An always-useful reminder: "Not every user owns an iPhone", Alex Hamer (@[email protected])
https://calendar.perfplanet.com/2024/not-every-user-owns-an-iphone/

#boostmarks #WebPerfCalendar

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/

#WebPerf #WebPerformanceCalendar #Boostmarks

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/

#WebPerformanceCalendar #Boostmarks #WebPerf

#boostmarks

"An Abridged History of Safari Showstoppers", Roderick E.J.H. Gadellaa (@rgadellaa)

https://webventures.rejh.nl/blog/2024/history-of-safari-show-stoppers/?utm_source=stefanjudis&utm_medium=email&utm_campaign=web-weekly-142-so-many-new-browser-features

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

#boostmarks

"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

#boostmarks

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

#boostmarks

"Optimizing INP for a React App & Performance Learnings", TK Kinoshita (@[email protected])

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.

#ReactJS #Next

#boostmarks "Latency numbers every frontend developer should know", Malte Ubl (@[email protected])

https://vercel.com/blog/latency-numbers-every-web-developer-should-know

via @SergeyChe

#latency

#boostmarks

"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)

#boostmarks

"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"

#boostmarks

"WhoCanUse", by Corey Ginnivan (@[email protected]) https://www.whocanuse.com/

A tool to add to your favorites, next to "Can I Use", to check your color contrasts.

#boostmarks

"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

#boostmarks

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

#html #video #responsive

#boostmarks

"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/

#chUnit #CSS #CLS

#boostmarks

"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/)

#boostmarks

"How to measure CWVs on SPAs", Estela Franco (@guaca)

https://estelafranco.com/blog/spa-cwv/

I agree with Estela, what an exciting experiment!

#SoftNavigations #SPA #CWV

via https://perf.email/

#boostmarks

"How to measure CWVs on SPAs", Estela Franco (@guaca)

https://estelafranco.com/blog/spa-cwv/

I agree with Estela, what an exciting experiment!

#SoftNavigations #SPA #CWV

via https://perf.email/

#boostmarks

"How to measure CWVs on SPAs", Estela Franco (@guaca)

https://estelafranco.com/blog/spa-cwv/

I agree with Estela, what an exciting experiment!

#SoftNavigations #SPA #CWV

via https://perf.email/

#boostmarks

"How to measure CWVs on SPAs", Estela Franco (@guaca)

https://estelafranco.com/blog/spa-cwv/

I agree with Estela, what an exciting experiment!

#SoftNavigations #SPA #CWV

via https://perf.email/

#boostmarks

"How to measure CWVs on SPAs", Estela Franco (@guaca)

https://estelafranco.com/blog/spa-cwv/

I agree with Estela, what an exciting experiment!

#SoftNavigations #SPA #CWV

via https://perf.email/

#boostmarks

"Using Playwright to Monitor Third-Party Resources That Could Impact User Experience", Stefan Judis (@stefan)

https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/

#3Ps #ThirdPartyScripts

#boostmarks

"Using Playwright to Monitor Third-Party Resources That Could Impact User Experience", Stefan Judis (@stefan)

https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/

#3Ps #ThirdPartyScripts

#boostmarks

"Using Playwright to Monitor Third-Party Resources That Could Impact User Experience", Stefan Judis (@stefan)

https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/

#3Ps #ThirdPartyScripts

#boostmarks

"Using Playwright to Monitor Third-Party Resources That Could Impact User Experience", Stefan Judis (@stefan)

https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/

#3Ps #ThirdPartyScripts

#boostmarks

"Using Playwright to Monitor Third-Party Resources That Could Impact User Experience", Stefan Judis (@stefan)

https://blog.checklyhq.com/how-playwright-can-monitor-third-party-resources/

#3Ps #ThirdPartyScripts

#boostmarks "The self-fulfilling prophecy of React", Josh Collinsworth (@collinsworth)
https://joshcollinsworth.com/blog/self-fulfilling-prophecy-of-react

#JS #React

It's only February and @slightlyoff may have signed the most opinionated post of 2023.

"The Market for Lemons"
https://infrequently.org/2023/02/the-market-for-lemons/

READ. IT.

#boostmarks #jsFrameworks #WebDevelopment

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

#boostmarks "Priority Hints and optimizing LCP", Kevin Farrugia (@[email protected])
https://imkev.dev/fetchpriority-opportunity

via @tunetheweb

#priorityHints #fetchPriority #resourceHints

#boostmarks "Priority Hints and optimizing LCP", Kevin Farrugia (@[email protected])
https://imkev.dev/fetchpriority-opportunity

via @tunetheweb

#priorityHints #fetchPriority #resourceHints