Comment implémenter le critical path d'une app Node en Rust pour en améliorer les performances.
Sous le coude. Différentes techniques de virtual scrolling pour afficher des millions de lignes dans un tableau en conservant de bonnes performances.
Je n'aime pas Vercel mais cette page regroupe de bons conseils en matière de construction d'interface graphique pour le web.
Mesurer les performances d'un web component à l'aide de l'API User Timing.
Le fameux challenge du milliard de lignes à traiter (14 Go quand même !) vu sous un nouvel angle.
Un exercice intéressant ! L'auteur étudie les performances des sites web des écuries des coureurs du tour de France et les classe du plus au moins performant, et il s'intéresse ensuite aux détails d'implémentation et à ce qui aurait encore pu encore être amélioré.
Une mine d'infos si vous vous intéressez à l'optimisation des pages web.
Une gigantesque collection de liens vers des articles orientés performances web, mais aussi une liste de blogueurs à suivre si vous vous intéressez au web de manière générale.
Le web moderne rend pas mal des arguments en faveur des SPA (Single Page Application) obsolètes.
Tous les gestionnaires de version de Node ne se valent pas. Spoiler : choisissez Volta, il est rapide, simple, et se laisse volontairement oublier.
Utiliser VS Code pour analyser l'exécution de vos applications Node.js, en terme de CPU et mémoire.
Un outil de test de performances (load testing) par Grafana.
La nouvelle propriété CSS content-visibility permet de faire du lazy loading sur des morceau entiers du DOM pour améliorer le temps de chargement de vos pages.
Les éléments à qui est attribuée la valeur auto ne seront "peint" ou rendu par le navigateur seulement lorsqu'ils s'apprêtent à être visible, après que l'utilisateur ait suffisamment fait défilé la page.
Et c'est un bon candidat à l'amélioration progressive puisque les navigateurs qui ne connaissent pas cette propriété se contenteront de l'ignorer.
Article passionnant sur comment passer de 5 minutes à 11 secondes pour traiter un fichier de 12 Go avec Node. Très didactique, notamment sur l'utilisation des streams.
Un outil pour effectuer du benchmarking avec Node.
Pré-charger les polices de caractère dont on sait à l'avance qu'elles seront utilisées, pour que le navigateur n'attende pas d'avoir chargé le CSS pour les télécharger.
Cette technique permet de limiter les layout shifts provoqués par le remplacement de la police par défaut par la police personnalisée, et d'améliorer le temps de chargement global de la page.
Il n'y a rien de plus performant que d'utiliser les APIs DOM directement, sans framework.
Cet article regroupe quelques bonnes pratiques si vous avez besoin de performances optimales.
Creuser dans les tripes de vos applications Node pour trouver ce qui engendre des problèmes au niveau ressources.
Le module performance de Node permet de faire des mesures de performances plus précises qu'en utilisant simplement l'objet Date.
Comment optimiser du code JavaScript. Il faut noter que ça se fait souvent au détriment de la lisibilité et de la compréhensibilité. Certains conseils sont donc à réserver pour des scénarios où les performances sont cruciales.