An updated overview of image loading optimization methods to improve LCP.

In short, we wanted our list of top web performance recommendations to focus on:

• Recommendations we believe will have the largest real-world impact
• Recommendations that are relevant and applicable to most sites
• Recommendations that are realistic for most developers to implement

I guess the point I’m making in a way here is that I could never win a “dev race” because it takes me ages to even get to the point of writing code and that’s been the case for a lot of years now. The benefit to being like this though is I get to put out fires before they even start.

Priority Hints are used to indicate to the browser the relative priority of a resource. I take a deep dive into how you can improve your Largest Contentful Paint by using fetchpriority.

A tree view (collapsible list) can be created using only html and css, without the need for JavaScript. Accessibility software will see the tree view as lists nested inside disclosure widgets, and the standard keyboard interaction is supported automatically.

See also CSS tricks

Drag-and-drop a trace (or select a file)
We'll upload it and give you a shareable URL, with the Chrome DevTools Performance Panel…
Traces expire after 90 days. 🕶

Designing, developing or leading a web project (or an app) have inherent constraints, and adding to them might take time and resources you do not have. On the other hand, avoiding non-quality can bring you much in lost revenue through better position on search engines, better compatibility, speed and accessibility leading to a lesser quit rate, or better word-of-mouth following great after-sale service.

La microtypographie, bien appliquée sur votre site Web peut grandement améliorer la lisibilité. Regardons de plus près comment ça fonctionne !