A Gaussian blur in Canvas 2D takes 280ms. The same filter with WebGPU: 8ms.

I wrote the second article in the WebGPU series: image processing in the browser with WGSL shaders and real benchmarks.

joanleon.dev/en/webgpu-im...

#WebPerf #WebGPU #JavaScript #Performance

Nouvel outil de visualisation (si vous avez déjà des traces) : waterfall-tools.com, par le créateur de Webpagetest lui-même.
Ça lit tout : des HAR produits par chrome et firefox aux JSON en sortie de webpagetest en passant par tcpdump.

Post du créateur : blog.patrickmeenan.com/2026/04/12/i...

Bifurcations écologiques, comptabilités environnementales et audiovisuels fruguaux - Collectif DISNOVATION Présentation des recherches du collectif DISNOVATION.ORG en lien avec l'écoconception numérique. DISNOVATION.ORG combine l’art contemporain, la recherche et le hacking pour traduire de manière crit...

Prototype de format vidéo allégé en enlevant le stream pour certaines parties plus fixes, remplacées par HTML/CSS/JS

(minute 17 : https://
peertube.designersethiques.org/w/h5F5RJVm2vkhsLUa7t1ZPb) + le site
disnovation.org/zeronet/fr/

There's something quite exciting happening with AVIF and progressive rendering.

Some recent patches let you provide custom 'frames' as progressive passes, so you can provide e.g. smaller blurry versions of the full image to use as a progressive pass.

🚫 When All You Can Do Is All or Nothing, Do Nothing

For all you weekend warriors, advice for times of uncertainty.

csswizardry.com/2026/03/when...

Journal: A web font strategy


How I’m prioritising performance when it comes to typography on The Session.


🔗https://adactio.com/journal/22450

A JSON file representing a source map. The code contains: { "version": 3, // Always the integer 3 "file": "out.js", // Optional: name of the generated file "sourceRoot": "", // Optional: prefix prepended to each entry in "sources" "sources": ["foo.js", "bar.js"], // Required: list of original source URLs/paths (or null) "sourcesContent": [null, null], // Optional: inlined source text, aligned with "sources" "names": ["src", "maps"], // Optional: symbol names referenced by "mappings" "mappings": "A,AAAB;;ABCDE", // Required: encoded mapping data (base64-VLQ deltas) "ignoreList": [0] // Optional: indexes into "sources" considered "third-party" }

Source maps are a vital part of modern web development, but the lack of a standard made it impossible for us to add new features or improve the debugging experience.

This is the story of how we standardized source maps and how we continue to ship features through standards 📜

🧵

Suite des travaux de l'analyse environnementale (Analyse de Cycle de Vie) des #GPU pour l'#IA auxquels #hubblo participe, le rapport complet de l'étude via AltImpact est sorti : librairie.ademe.fr/3426-economi... 1/3

Beyond Static Resources: Delta Compression for Dynamic HTML Compression Dictionary Transport (RFC 9842), authored by Patrick Meenan and Yoav Weiss, lets browsers...

Good blog post from Carlos (a colleague) about a new proposed addition to Compression Dictionaries allowing short-lived HTML pages to continue to be used as compression dictionaries for longer:

dev.to/carlosmateom...

#webperf

Pourquoi et comment réduire l'INP ? Use case sur l'équivalent italien de Le Bon Coin :
dev.to/subito/how-w...

* -100ms d'INP = +5% d'engagement
* méthode empirique à base de tests A/B pour trouver les coupables
* GTM bien sûr, mais aussi tiktok et facebook
* React compiler fait ses preuves en prod

Performance-Optimized Video Embeds with Zero JavaScript Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

lazyload d'embed, même immédiatement visible : l'astuce sans JS avec <details>
frontendmasters.com/blog/perform...

How do you measure when a component is “ready”? ⏱️

LCP is too global; Element Timing is too specific.

🛠️ I’ve been working with Bloomberg on a new #webperf API: Container Timing. Think of it as “LCP for a web component”, providing aggregated paint timing for a subtree.

De SPA à MPA : reprendre en main la performance Depuis 2019, le site de L’Équipe a été construit autour d’une architecture SPA (pour Single Page Application). Dans cette configuration, le…

Sortir de la SPA = meilleurs perfs, par @lequipe-actu.bsky.social : medium.com/lequipe-tech...

Française, gratuite, open source, la nouvelle application qui mesure l'empreinte carbone de l'IA est lancée La Fondation Sahar lance ce lundi TrackCarbon, une nouvelle application grand public qui permet de mesurer l'empreinte carbone de l'intelligence artificielle. Un outil français, gratuit et open source...

Française, gratuite, open source, la nouvelle application qui mesure l'empreinte carbone de l'IA est lancée www.clubic.com/actualite-59... #trackCarbon

très juste, mais ce qu'a voulu tester l'auteur, c'est une question qu'on a tous : le PNG est en quelque sorte inerte une fois rendu, mais un SVG, ça reste un truc vivant dans le DOM, qui l'a alourdit, et qui donc peut gêner l'interprétation au moment où JS en a besoin

une image, c'est des pixels déjà tout fait, le temps de décodage est minime pour des dimensions d'affichage classiques.
Un SVG, c'est d'abord du code à interpréter, quelques calculs à faire. Ça pourrait, en théorie, prendre plus de temps processeur pendant que tu cliques sur la page

Un SVG complexe alourdit il la page ? Comparaison avec le PNG

En résumé :
- jusqu'à 2 Mo de code, le SVG est plus léger que sa conversion en PNG.
- l'INP avec un SVG dans la page est équivalent au PNG, jusqu'à 400 Ko de code SVG.

Screenshot of a performance trace in Chrome DevTools with a few additional "Nav*" and "LCP*" markers. Hovering over the "LCP*" shows this is a "Soft LCP" and in the Summary panel when you click on it you see "Soft Largest Contentful Paint" and a "Learn more about Soft Largest Contentful Paint" link.

From Chrome 145 (on general release next week!), DevTools we will start to show so called "soft" navigations and "Soft LCP" in the Performance Panel traces.

These are for SPAs which don't do a full page load, but instead "fake it" by updating the current page and pushing a new history entry.

1/5 🧵

Un an de recherche

352 datacenters en activité, 65 projets identifiés

des centaines de vues satellite analysées

8,16 TWh de consommation en 2024, hors salles IT dans les batiments tertiaires

(also available in english)
Étude sur ce que voient les crawlers des chatbots IA, notamment des infos sur le temps max d'attente et l'interprétation de JS, mais aussi des frames ou du shadow DOM
think.resoneo.com/sentinel/geo...
Morale habituelle : être performant, HTML est la base + des surprises

The Performance Inequality Gap, 2026 - Infrequently Noted Embedded in this year's network and device estimates is hopeful news about the trajectory of devices and networks. It has never been easier to deliver pages quickly, but we are not collectively hitting the mark. Indeed, the latest CrUX data shows not even half of origins have passing Core Web Vitals scores for mobile users. Browsers will need to provide stronger incentives. This will be unpopular, but it is clearly necessary.

The Performance Inequality Gap, 2026 - Infrequently Noted

🔖 infrequently.org/2025/11/performance-ineq...
🔗 ellyloel.com/the-performance-inequali...

#Bookmarks #Performance #Web

Improve TTFB and UX with HTTP streaming If you have a statically generated website hosted on a CDN, it’s probably very fast (unless you add too much client-side JavaScript). However, for dynamically generated pages that load content from a...

Web Performance Calendar'25 day 1 with @mb21.bsky.social on HTTP streaming in the world of HTTP2/3 and Node. Mauro shows us how to start rendering earlier, turning a slow (full) page load into a progressive experience using db.stream() in JavaScript

calendar.perfplanet.com/2025/improve...

Quel avenir pour l’esthétique web éco-conçue ? - 24 jours de web Éco-conception et papier recyclé Mes premières notions d’éco-conception remontent à mon cursus d’étudiante en design, au début des lointaines années 2010. On nous parlait surtout d’impression, de …

Quel avenir pour l’esthétique web éco-conçue ?, par Esther Jacquet via @paris-web.fr
#24JoursDeWeb

www.24joursdeweb.fr/2025/quel-av...

#JavaScript: When it comes to breaking up long tasks, the scheduler API seems quite convenient:

await scheduler.yield();

Alas, not supported by Safari yet: caniuse.com/mdn-api_sche...

Thankfully, providing your own fallback implementation is easy: web.dev/articles/opt...

I co-wrote a post on the Etsy engineering blog about implementing Speculation Rules API (SRA) to prefetch product listing pages from search results. And many thanks to @tunetheweb.com and @cdaveross.bsky.social for the help and support!
www.etsy.com/codeascraft/...

Screenshot of Vercel cancellation screen with feedback mentioning Guillermo's support of a genocidal war criminal

Hits like crack

La 7e limite planétaire est officiellement dépassée : l'acidification des océans C'est officiel, nous avons dépassé la 7e limite planétaire, celle de l'acidification des océans. C'était attendu par le

C’est officiel, nous avons dépassé la 7e limite planétaire, celle de l’acidification des océans.

Vous ne lirez rien de plus important aujourd'hui. A partager massivement !
bonpote.com/la-7e-limite...

Why do browsers throttle JavaScript timers? Even if you’ve been doing JavaScript for a while, you might be surprised to learn that setTimeout(0) is not really setTimeout(0). Instead, it could run 4 milliseconds later: Nearly a decade a…

🤔 Why do browsers throttle JavaScript timers?

Frontend’s Lost Decade and the Performance Inequality Gap by Alex Russell Alex Russell's journey from engineering to product management, the focus on improving web experiences, and optimizing software for end-user success. Considerations include device performance, web dive...

> Peak CPU performance was probably hit in 2017.

With that perspective, you start... (ahem)... "rethinking best practices".

@infrequently.org's @jsnation.gitnation.org talk is pretty worthwhile and digs into the CPU limitations of the main thread.

gitnation.com/contents/pro...

Masonry, Item Flow, and… GULP? Masonry layout is a difficult thing to do with CSS at present. Item Flow could make it easy.

New blog post about #CSS masonry layout, the (fairly) new Item Flow proposal, maybe subsuming multicol, and a light tingling from my Web-Sense. That last part isn’t NSFW, I promise. (Sorry, @brucel.bsky.social.) meyerweb.com/eric/thought...