Veille de CCM Benchmark Group

How two simple steps improved the responsiveness of Wikipedia's mobile site

<www.nray.dev>

Qu'est-ce que l'Interaction to Next Paint (INP) pour évaluer la réactivité des pages, métrique webperf affichée dans Google PageSpeed Insights

<www.fasterize.com>

So it begins. <twitter.com>

<almanac.httparchive.org>

<twitter.com>

Priority hints indicate the relative priority of resources to the browser. They can enable optimal loading and improve Core Web Vitals.

<web.dev> faudra essayer les fetchpriority='high' / low

<www.journaldunet.com> le jdf & l'internaute gagnent tous les 2 plusieurs places. L'inter est 5ème du classement media, JDF 9ème

Learn what web performance metrics Airbnb tracks, how we measure them, and how we consider tradeoffs between them in practice.

<medium.com>

Une série de 3 articles sur comment Buzzfeed a traité les CLS (cf <#C01Q239TEMB|p-core-web-vitals>). Beaucoup de choses communes avec nous, quelques points que j'ai retenus : 1. RUM 2. data-driven (connaitre la taille la + répandue par emplacement pub, ...) 3. Utilisation du Layout Instability API pour savoir quels éléments du DOM provoquent les CLS (ils ont par ex vu que leur bannière de promotion d'install de leur app foutait grave la merde, mais eux la voyaient évidemment jamais dans leurs tests puisqu'ils l'avaient tous fermée depuis des mois ^^) 4. Analyse des vendors (TikTok, Twitter, ...) pour voir comment ils génèrent leurs embeds et proposer les placeholders les mieux adaptés et utilisation du <gist.github.com> pour les cas difficiles Voici la <tech.buzzfeed.com 1>, les autres sont linkées dans l'article.

Une série de 3 articles sur comment Buzzfeed a traité les CLS (cf <#C01Q239TEMB|p-core-web-vitals>). Beaucoup de choses communes avec nous, quelques points que j'ai retenus : 1. RUM 2. data-driven (connaitre la taille la + répandue par emplacement pub, ...) 3. Utilisation du Layout Instability API pour savoir quels éléments du DOM provoquent les CLS (ils ont par ex vu que leur bannière de promotion d'install de leur app foutait grave la merde, mais eux la voyaient évidemment jamais dans leurs tests puisqu'ils l'avaient tous fermée depuis des mois ^^) 4. Analyse des vendors (TikTok, Twitter, ...) pour voir comment ils génèrent leurs embeds et proposer les placeholders les mieux adaptés et utilisation du <gist.github.com> pour les cas difficiles Voici la <tech.buzzfeed.com 1>, les autres sont linkées dans l'article.

<twitter.com>

Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations.

<web.dev>

Quel est le site le moins impactant pour la planète chez les membres de la Tech Rocks Core? Découvrez le dans ce classement.

<www.lewebvert.fr>

A post by Zach Leatherman (zachleat)

impressionnant : <www.zachleat.com>

Essential metrics for a healthy site. Contribute to GoogleChrome/web-vitals development by creating an account on GitHub.

Du coup ça pointe à la fin vers ce projet: <github.com> quelqu'un l'avait vu passer ?

<smashingmagazine.com> : travailler les cwv les a notamment amené à développer <vitals.dev> qui stream les kpi vers bigquery pour savoir plus précisément ce qui ne va pas …

<smashingmagazine.com> : travailler les cwv les a notamment amené à développer <vitals.dev> qui stream les kpi vers bigquery pour savoir plus précisément ce qui ne va pas …

Les référenceurs doivent mettre les bouchées doubles pour coller aux Web Vitals, les nouveaux signaux de Google qui entrent en jeu … le 1er mai.

<www.journaldunet.com>

<www.lafoo.com>

Wondering what’s happenin’ at Smashing? Well, with so much going on, it’s nice to have a quick overview all in one place. Meet an overview of the things we’ve been working on, and what is changing on Smashing.

<webcache.googleusercontent.comhingmagaz[…]-2021/+&cd=1&hl=fr&ct=clnk&gl=fr&lr=lang_en%7Clang_fr>