Veille de CCM Benchmark Group

Optimizing resource loading with Priority Hints

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
By vor - - Performance web
<https://www.journaldunet.com/

<www.journaldunet.com> le jdf & l'internaute gagnent tous les 2 plusieurs places. L'inter est 5ème du classement media, JDF 9ème
By xavierccm - - Performance web
Measuring Web Performance at Airbnb

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

<medium.com>
By ernest - - Performance web
Une série de 3 articles sur c

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.
By dam75 - - Performance web
Une série de 3 articles sur c

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.
By dam75 - - Performance web
How SPA architectures affect Core Web Vitals

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

<web.dev>
By vor - - Performance web
Classement de l'impact écologiques des sites de Tech Rocks - Septembre 2021

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>
By jultou - - Performance web
This Web Site is a Tech Talk—zachleat.com

A post by Zach Leatherman (zachleat)

impressionnant : <www.zachleat.com>
By eclergeot - - Performance web
GoogleChrome/web-vitals

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 ?
By xavierccm - - Performance web
<https://smashingmagazine.com/

<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 …
By dam75 - - Performance web
<https://smashingmagazine.com/

<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 …
By dam75 - - Performance web
Comment préparer son site pour l'arrivée de la Core Web Vitals de Google ?

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>
By olivier - - Performance web
Gone Floating Labels And Green Lighthouse Scores — Smashing Magazine

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>
By lbarbe - - Performance web
How much critical CSS can be inlined before there is a negative performance impact?

I've heard that to avoid render-blocking issues, it's good to inline critical CSS directly in the &lt;HEAD&gt; tag by including the actual CSS in &lt;STYLE&gt; tags, and then load the rest of the CSS

<webmasters.stackexchange.com>.
By eclergeot - - Performance web
Track Core Web Vitals In GA4 With Google Tag Manager

A guide for measuring Core Web Vitals (LCP, FID, and CLS) in Google Analytics 4 using Google Tag Manager and a custom template from the template gallery.

Tout est dans le titre … pouvoir suivre LCP, FID ou CLS dans GA ce serait pas mal non en complément des extensions diverses ? <www.simoahava.com>
By dam75 - - Performance web
A Performance Heads-Up Display (HUD) for Chrome

Introducing a new Performance Heads-Up Display (HUD) to Chrome and Chrome for Android

<addyosmani.com> Core Web Vitals HUD directement dispo dans Chrome (a partir de la version 90)
By lneveu - - Performance web
<https://vitals-leaderboard.pa

<vitals-leaderboard.pazguille.me Vitals Leaderboard> allows you to compare your scores against competition on mobile, tablet, desktop, and on 3G and 4G.
By lneveu - - Performance web