Performance improvements are a never-ending journey. The key is to strike the right balance. As noted above, we made significant progress on speed in 2019. But that is not the end of the story. Going forward, we have put a few things in place that will always keep us on the edge when it comes to performance.

• A committee of Speed Champions
• Synthetic monitoring to check budgets before each release
• Adaptive speed budgets
• RUM and interactivity metrics (FID, TTI)

Si vous voulez auto-héberger des ressources tierces, voici quelques astuces :

• Auto-hébergez vos bibliothèques JS, polices et CSS critiques. Cela réduira le risque de SPOF ou de dégradation des performances sur le chemin critique.
• Avant de mettre en cache une ressource tierce sur un CDN, assurez-vous qu'elle est versionnée ou que vous pouvez gérer son cycle de vie en vidant manuellement ou même automatiquement le CDN lorsqu'une nouvelle version est publiée.
• Vérifiez votre configuration CDN / proxy / cache pour éviter d'envoyer des cookies de votre domaine et des Clients-Hints à des services tiers.

A collection of single-purpose online tools for web developers...

Dark Mode is taking over the inbox—and making sure emails look great in this reading environment is the new big challenge for email marketers.

[…] these checks don’t come for free. They can have a significant impact on web performance depending on what browser a user is using, and the location they are browsing from. And if a site uses an EV certificate, it is forcing the most popular browser on the planet (Chrome) to open a revocation check, which will have an impact on performance for those users who visit your site using it. It makes you wonder if the ‘perceived’ advantages of using an EV certificate are really worth it? Personally, I don’t see any advantages, only disadvantages.

[…] sans bonnes performances techniques, l’UX de nos produits ne vaut rien. Tu pourras faire les formulaires les mieux conçus de la Terre, mais si tu as des pages qui mettent 10 secondes à se charger, tu peux fermer boutique.

Game-changing impact of GatsbyJS on performance, accessibility and scalability of modern webapps, and how to integrate it with complex business requirements — be it for a brand new project or an existing ReactJS codebase.

Setting performance budgets doesn’t need to be complex or confusing, you simply need some existing data, some monitoring, and to remember that budgets and targets are two different things. Don’t make life difficult by treating performance budgets as aspirations.

You can use service workers to significantly reduce the amount of data your users need to request from your server, and as a result you can dramatically improve both the render and load times for your pages.

A Hugo theme for Reveal.js that makes authoring and customization a breeze. With it, you can turn any properly-formatted Hugo content into a HTML presentation.

Supports de cours JavaScript au format Gitbook, pour étudiants EEMI de 1ère année

Utilisation d'un reverse proxy pour optimiser la délivrance des JS tiers.

Yes it's better to self-host as the performance gains are substantial […] However, Google Fonts is not just a repository of hundreds of free fonts - it is also a clever delivery mechanism […] There is some complexity involved in this (which Google Fonts handles for you) but with WOFF2-only being a realistic option now, and good support of most techniques with inbuilt fallbacks, this is easier than it used to be.