Mastouille

0 message0 participant0 message aujourd’hui

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Looking how browsers choose the right image to load with srcset, dpr, and sizes", Ian Duffy (@duffeh.bsky.social)<a href="https://iankduffy.com/articles/looking-how-browsers-choose-the-right-image-to-load-with-srcset,-dpr,-and-sizes/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://iankduffy.com/articles/looking-how-browsers-choose-the-right-image-to-load-with-srcset,-dpr,-and-sizes/</a><a href="https://hachyderm.io/tags/Images" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Images</a> <a href="https://hachyderm.io/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Responsive</a>

Boris Schapira (Pro)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!<a href="https://go.contentsquare.com/en/digital-experience-benchmark?utm_source=mastodon&utm_medium=social" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://go.contentsquare.com/en/digital-experience-benchmark?utm_source=mastodon&utm_medium=social</a><a href="https://hachyderm.io/tags/Boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boostmarks</a> <a href="https://hachyderm.io/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UX</a> <a href="https://hachyderm.io/tags/WebPerformance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerformance</a> <a href="https://hachyderm.io/tags/Performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Performance</a>

Boris Schapira (Pro)Très bel article de Patrick Brosset, que je recommande à tous·tes les amoureux·ses du web et de ses standards.Hommage à <a href="https://front-end.social/@rachelandrew" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rachelandrew</a> et <a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jensimmons</a> 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 <a href="https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.24joursdeweb.fr/2024/evolution-rapide-et-lente-le-paradoxe-de-la-plateforme-web</a><a href="https://hachyderm.io/tags/24JoursDeWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#24JoursDeWeb</a> <a href="https://hachyderm.io/tags/Boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boostmarks</a>

Boris Schapira (Pro)An always-useful reminder: "Not every user owns an iPhone", Alex Hamer (@hame22@x.com) <a href="https://calendar.perfplanet.com/2024/not-every-user-owns-an-iphone/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://calendar.perfplanet.com/2024/not-every-user-owns-an-iphone/</a><a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> <a href="https://hachyderm.io/tags/WebPerfCalendar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerfCalendar</a>

Boris Schapira (Pro)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!<a href="https://calendar.perfplanet.com/2024/your-website-is-a-restaurant/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://calendar.perfplanet.com/2024/your-website-is-a-restaurant/</a><a href="https://hachyderm.io/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerf</a> <a href="https://hachyderm.io/tags/WebPerformanceCalendar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerformanceCalendar</a> <a href="https://hachyderm.io/tags/Boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boostmarks</a>

Boris Schapira (Pro)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 !<a href="https://boris.schapira.dev/notes/2024-12-analogie-restaurant/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://boris.schapira.dev/notes/2024-12-analogie-restaurant/</a><a href="https://hachyderm.io/tags/WebPerformanceCalendar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerformanceCalendar</a> <a href="https://hachyderm.io/tags/Boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boostmarks</a> <a href="https://hachyderm.io/tags/WebPerf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebPerf</a>

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "An Abridged History of Safari Showstoppers", Roderick E.J.H. Gadellaa (<a href="https://mastodon.social/@rgadellaa" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@rgadellaa</a>)<a href="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" rel="nofollow noopener noreferrer" translate="no" target="_blank">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</a>> 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.

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Building a robust frontend using progressive enhancement - Service Manual - GOV.UK" <a href="https://www.gov.uk/service-manual/technology/using-progressive-enhancement" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.gov.uk/service-manual/technology/using-progressive-enhancement</a>> 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

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Improving rendering performance with CSS content-visibility", Nolan Lawson (<a href="https://toot.cafe/@nolan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@nolan</a>)<a href="https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://nolanlawson.com/2024/09/18/improving-rendering-performance-with-css-content-visibility/</a>Nolan faced a situation that required virtualization. He opted to utilize the `content-visibility` CSS property instead.

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Optimizing INP for a React App & Performance Learnings", TK Kinoshita (@WordsOfTeekay@twitter.com)<a href="https://www.iamtk.co/optimizing-inp-for-a-react-app-and-performance-learnings" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.iamtk.co/optimizing-inp-for-a-react-app-and-performance-learnings</a>A very interesting long read about the journey to a better INP in a reactjs setting. <a href="https://hachyderm.io/tags/ReactJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReactJS</a> <a href="https://hachyderm.io/tags/Next" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Next</a>

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Latency numbers every frontend developer should know", Malte Ubl (@cramforce@twitter.com)<a href="https://vercel.com/blog/latency-numbers-every-web-developer-should-know" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://vercel.com/blog/latency-numbers-every-web-developer-should-know</a>via <a href="https://webperf.social/@SergeyChe" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@SergeyChe</a> <a href="https://hachyderm.io/tags/latency" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#latency</a>

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "To experts, expertise", <a href="https://mastodon.cloud/@eliesloim" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eliesloim</a> "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."<a href="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" rel="nofollow noopener noreferrer" translate="no" target="_blank">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</a> (translated by Google, original in French)

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "The Performance Inequality Gap, 2024", Alex Russel (<a href="https://toot.cafe/@slightlyoff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@slightlyoff</a>) <a href="https://infrequently.org/2024/01/performance-inequality-gap-2024/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://infrequently.org/2024/01/performance-inequality-gap-2024/</a>"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"

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "WhoCanUse", by Corey Ginnivan (@CoreyGinnivan@twitter.com) <a href="https://www.whocanuse.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.whocanuse.com/</a>A tool to add to your favorites, next to "Can I Use", to check your color contrasts.

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "HAR Sanitizer" by Cloudflare <a href="https://har-sanitizer.pages.dev/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://har-sanitizer.pages.dev/</a>> 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 <a href="https://indieweb.social/@stoyan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stoyan</a>

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a>"We're Bringing Responsive Video Back!", Scott Jehl (<a href="https://mstdn.social/@scottjehl" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@scottjehl</a>)<a href="https://scottjehl.com/posts/responsive-video/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://scottjehl.com/posts/responsive-video/</a>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.<a href="https://hachyderm.io/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</a> <a href="https://hachyderm.io/tags/video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#video</a> <a href="https://hachyderm.io/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a>

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "The Ultimate Low-Quality Image Placeholder Technique", Harry Roberts (<a href="https://webperf.social/@csswizardry" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@csswizardry</a>)<a href="https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/</a>Great explanation on how to generate and use as a background the smallest possible legitimate <a href="https://hachyderm.io/tags/LCP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LCP</a> image <a href="https://hachyderm.io/tags/placeholder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#placeholder</a> 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.

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Watch Out for Layout Shifts with ‘ch’ Units", Paul Hebert ( <a href="https://sunny.garden/@paulhebert" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@paulhebert</a>)<a href="https://cloudfour.com/thinks/watch-out-for-layout-shifts-with-ch-units/" rel="nofollow noopener noreferrer" target="_blank">https://cloudfour.com/thinks/watch-out-for-layout-shifts-with-ch-units/</a><a href="https://hachyderm.io/tags/chUnit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#chUnit</a> <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://hachyderm.io/tags/CLS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CLS</a>

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "Performance Is Not a Checklist", Tim Kadlec (<a href="https://mastodon.social/@tkadlec" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@tkadlec</a>) <a href="https://timkadlec.com/remembers/2023-06-01-performance-is-not-a-checklist/" rel="nofollow noopener noreferrer" target="_blank">https://timkadlec.com/remembers/2023-06-01-performance-is-not-a-checklist/</a>"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."

Boris Schapira (Pro)<a href="https://hachyderm.io/tags/boostmarks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#boostmarks</a> "When JavaScript Fails", Jason Godesky (<a href="https://dice.camp/@jason" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jason</a>)<a href="https://scribe.rip/@jason.godesky/when-javascript-fails-52eef47e90db" rel="nofollow noopener noreferrer" target="_blank">https://scribe.rip/@jason.godesky/when-javascript-fails-52eef47e90db</a>A beautiful love letter to progressive enhancement 💌(via <a href="https://perf.email/" rel="nofollow noopener noreferrer" target="_blank">https://perf.email/</a>)

Recherches récentes

Options de recherche

Administré par :

Statistiques du serveur :

#boostmarks