8 documents tagués avec "Performance"

Grâce à trois niveaux de Lazy Loading des routes, le chargement initial est passé de 12,5 Mo à 850 Ko, et le temps du premier écran a été réduit de 70 %.

Grâce à une stratégie de Lazy Loading des images à quatre niveaux, le trafic d'images du premier écran est passé de 60 Mo à 2 Mo, soit une amélioration du temps de chargement de 85 %.

Optimisation des performances JavaScript grâce au Debounce, Throttle, Time Slicing et requestAnimationFrame, pour améliorer l'expérience utilisateur.

Web Worker est une API permettant d'exécuter du JavaScript dans un thread en arrière-plan du navigateur, pour effectuer des calculs lourds sans bloquer le thread principal (thread UI).

Lorsqu'une page doit afficher plus de 1000 lignes de données, le Virtual Scrolling permet de réduire les nœuds DOM de 1000+ à 20-30 et l'utilisation mémoire de 80 %.

Guide complet d'optimisation des performances Nuxt 3 : de la réduction du Bundle Size à l'optimisation de la vitesse SSR et des stratégies de chargement des images, pour une expérience de performance optimale.

Lorsque l'interface doit afficher des dizaines de milliers de données, comment trouver l'équilibre entre performances, expérience utilisateur et coût de développement ?

Compilation progressive d'expériences pratiques et de points clés d'entretien sur l'optimisation des performances web, organisée par niveau de difficulté.