COMMENT AMELIORER LA PERFORMANCE D'une application

"POUR MESURER LA PERFORMANCE DE MON APP, J'ai besoin DE SAVOIR QUAND MA PAGE EST CHARGéE"

Mythe n°1

"AMÉLIORER la performance c'est travailler sur le chargement de la page"

Mythe n°2

Chargement

Interactions

• Dans le monde réel, la performance n'est pas un nombre mais une distribution

• La performance est une expérience. Il n'y a pas de "métrique unique"

• L’interactivité et l'UX est une partie crucial et sous-estimé de la performance

1. Rendre les problèmes visibles

EST RAPIDEMENT interactive

3s

EN MOYENNE pour la première interaction avec la donnée SUR DESKTOP

EST REACTIVE

MAximum pour obtenir un feedback visuel après une interaction

EST FLUIDE A UTILISER

pour les animations

ETQU, lorsque j'arrive sur l'état annuel des ressources, je vois les ressources humaines

Rendre les problèmes visibles

Prioriser

[ ... ] x5

• Cacher les assets coté serveur (1s)
• Cacher les assets coté client (1,5s)

• Reporter les calls non nécessaires après l'affichage des données (10s)
• Supprimer les calls inutiles (5s)

Gain potentiel (s)

Compléxité

1

2

3

1

5

10

1,5

Rendre les problèmes visibles

Prioriser

Corriger

location ~* ^/{{ app_uri }}/(.*)\.(js|json|css)$ {
 
 etag on;             
 add_header          Cache-Control       "must-revalidate";

 break;
}

Cacher les assets coté serveur 

Rendre les problèmes visibles

Prioriser

Mesurer

Corriger

Rendre les problèmes visibles

Prioriser

Mesurer

Corriger

Gain potentiel (s)

Compléxité

1

2

3

1

5

10

1,5

• Cacher les assets coté serveur
• Reporter les calls non nécessaires après l'affichage des données
• Supprimer les calls inutiles
• Cacher les calls redondants dans l'application
• Cacher les assets coté client
• Transformer le tableau à afficher en une liste chargé en infinite scrolling (doing)
• Améliorer l'algorithme pour formater les données (doing)