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.
Il semblerait que l'ordre des éléments dans le <head> des pages HTML ait une importance pour les performances. L'article avance jusqu'à plusieurs secondes de différence.
L'outil (extension de navigateur ou bookmarklet) permet de remettre les éléments dans le bon ordre.
Un outil très simple pour envoyer un grand nombre de requêtes HTTP à un service pour tester sa robustesse et sa résistance au trafic. Utilisable très facilement en une commande sans même avoir à l'installer avant. Tout ce qu'il vous faut c'est Node.js :
npx loadtest -n 10000 -c 5 -k https://www.mywebsite.com10000 requêtes envoyées à https://www.mywebsite.com dont un maximum de 5 en simultanées.
Avec Napi rs, il est possible de créer des modules Node développés en Rust. Idéal si vous devez effectuer une tâche très lourde comme parser un très gros fichier CSV de plusieurs centaines de Mo.
Un regroupement d'articles qui parlent en profondeur de comment optimiser une appli web. C'est plein de bonnes pratiques à avoir en tête quand on développe.
Quelques astuces pour charger efficacement vos scripts externes.
Des pistes intéressantes pour réduire la taille de vos applications en supprimant les morceaux de dépendances dont vous n'avez pas besoin. Peu d'effort à mettre en oeuvre et un gain potentiellement conséquent !
Peut-on atteindre 100 000 connexions actives sur une instance MySQL. Spoil : oui.
These notes describes how to improve Nginx performance, security and other important things; @ssllabs A+ 100%.