Nous avons deman­dé à Hubert Guillaud, Rédac­teur en chef d’InternetActu et ana­lyste des grands mou­ve­ments et phé­no­mènes qui tra­versent le champ du numé­rique et de la poli­tique, son avis sur la pos­si­bi­li­té d’une poli­tique publique (pro­gres­siste) du numé­rique. « Nous sommes cer­nés par des sys­tèmes néo­li­bé­raux aug­men­tés par le numé­rique et les sys­tèmes numé­riques de gauche sont...

How Telegraph, the leading UK news website managed to improve their 75th percentile CLS by 250% from 0.25 to 0.1 in a couple of months.

Hey John! In France, we don't learn to give positive feedback. A few months ago, I started working with many more people from other cultures and I felt unable to show them appreciation as I would have liked. Your article has helped me to better understand how to express my gratitude and have it received in a constructive way. Thank you for continuing to write such helpful articles.

Ces technologies peuvent apporter un confort supplémentaire à certains utilisateurs. Cependant, les outils de surcouche d’accessibilité sont des solutions partielles qui ne doivent pas occulter le véritable enjeu de l’accessibilité numérique : le développement de sites et applications accessibles pour tous, uniquement garanti aujourd’hui par le respect du RGAA.

A small tool to compute your fluid typography clamp() instruction

Combine picture, source, the media attribute and srcset to serve sharp images to 2x+ density screens.

There are, however, plenty of tasks that require minimal effort that have a big impact on site speed. These are often overlooked in favor of lower-impact tasks.

If you want to get the best results, here are the tasks you’ll want to prioritize.

As always, the big advice here is whether you're using a framework or not, keep the total amount of JavaScript as small as possible.

… À partir du moment où vous avez identifié ce cas, je vous recommande fortement d’expérimenter la suppression de la version en gras « Bold 700 » et l’utilisation de la version « faux gras » avec la propriété CSS font-weight avec pour valeur bold ou 700.
…
Et n’en déplaise aux typographes, la différence visuelle est tellement légère par rapport à l’utilisation du poids d’une font web en plus, que cela justifie l’utilisation de ce « faux gras ».

As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts.

• Imagine
• ImageOptim
• Sqoosh
• File Optimizer
• RIOT
• Compressor
• Image Resizer
• Pingo
• EzGif

Fine-tune your font files and optimise your loading strategy for maximum speed + minimum FOUT.

1. Use the most modern file formats
2. Use the font-display descriptor
3. Preload your font files
4. Subset your font files
5. Self-host your fonts

This is the story of how Beau Hartshorne and his team at Instant Domain Search improved their Core Web Vitals scores. Plus, an open-source tool they’ve built along the way.

Chrome has stated their intent to make size-adjust available in Chrome 92 due for release on July 20th presumably indicating it’s almost there.

So, not quite ready yet, but looks like it’s coming in the very near future. In the meantime, have a play with the demo in Chrome Canary and see if it can go a bit closer to addressing your font loading woes and the CLS impact they cause.

Now, after having had some time in the hands of developers, the Lighthouse score has increased the weight of CLS from 5% to 15%, consistent with the methodology of having Core Web Vitals be the most heavily weighted metrics in the Lighthouse score.

Google’s Core Web Vitals initiative has taken the SEO and Web Performance worlds by storm and many sites are busy optimizing their Page Experience to maximize the ranking factor. The Cumulative Layout Shift metric is causing trouble to a lot of sites, so let’s have a look at ways of addressing any issues for that metric.

A step by step guide on how to get started with using Cloudflare Workers for web performance optimisation.

We’re going to take a deep-dive here into two of the strategies that produced the overall biggest performance impact for us: crafting high performance animations and serving the perfect image.

Shortly before the Core Web Vitals will become a search ranking factor (June-August) for the Google mobile search, the Google team answered the most asked questions about the Core Web Vitals in their Google I/O – “Ask Me Anything Web Vitals” session.

An evergreen CSS course and reference to level up your web styling expertise.