Benchmark pour l'optimisation de la vitesse du site
Je travaille sur l'optimisation de la vitesse du site. J'ai principalement utilisé 3 outils pour analyser la vitesse d'optimisation.
Outils d'analyse de vitesse:
Je mesure les performances à l'aide des résultats ci-dessus, relatifs aux outils et aux outils, comme ci-dessous, comme avant et après.
Avant optimisation:
- Score Google PageSpeed Insights: 53/100
- Test de performance de page Web: 55/100 (Première vue: 10.710s, vue répétée: 6.387s)
- Score de performance globale de Yahoo: 68
Étape 1 après optimisation:
- Score Google PageSpeed Insights: 88/100
- Test de performance de page Web: 88/100 (première vue: 6.733s, vue répétée: 1.908s)
- Score de performance globale de Yahoo: 80
Ma question est?
- Est-ce que je fais correctement?
- Quelle est la meilleure méthode de référence pour l’optimisation de la vitesse?
- Y a-t-il une norme?
- Existe-t-il un outil bien meilleur pour analyser la vitesse?
Non, il n'y a pas de standard.
Si vous mesurez les mêmes choses dans un environnement prévisible (vos serveurs de développement ou intermédiaires, par exemple, étant la seule personne ayant accès pendant la période de test), vous pouvez optimiser dans une certaine mesure et au moins comparer les résultats et les efforts (comme vous. faire). Les outils que vous avez nommés vous fournissent une bonne charge de recommandations (DNS, séparation des serveurs pour le contenu statique et dynamique, sprites CSS, ...). Consultez également les Chrome Outils de développement, en particulier les onglets Réseau et Chronologie.
Vous pouvez réduire le travail et la charge de travail d'un navigateur (fichiers à demander, de la mémoire pour tous les actifs, de la complexité du rendu, ...) et du serveur (ce dernier peut être analysé à l'aide d'outils tels que Apache Benchmark =, par exemple).
Sur un site de production, d'autres aspects jouent un rôle, tels que la configuration du réseau et la situation de votre fournisseur, les temps de réponse DNS (temps d'aller-retour DNS), l'équilibrage de charge, HTTP et HTTPS, la situation et la configuration de votre client, l'utilisation de contenu réseau de livraison.
J'utilise à peu près les mêmes outils (et pingdom), donc on dirait que vous faites les bonnes choses.
Cela dit, un temps de première visualisation optimisé de près de 7 secondes est quelque chose qui me ferait sérieusement reconsidérer. Je suis un développeur relativement nouveau et je me concentre beaucoup sur la compatibilité mobile, alors peut-être que 7 secondes ne sont pas si folles.
Cependant, si je clique sur quelque chose et que le chargement prend 7 secondes, il se peut que je retourne avant de s’ouvrir. Et si je ne le fais pas, il est peu probable que je visite une autre page en espérant attendre 7 secondes à chaque fois.
Steve Souders est une excellente source d'informations sur ce sujet. Personnellement, je Base64 code des images et les incorpore dans mon CSS et je charge des ressources de manière conditionnelle (et asynchrone) avec Modernizr.