Chaque ressource est-elle correctement minifiée et compressée ? Tous les en-têtes de mise en cache sont-ils correctement définis ? Le site charge-t-il toutes les ressources dans le meilleur ordre pour garantir une première peinture rapide ? Ce ne sont là que quelques questions à considérer lorsque vous avez pour objectif de créer un site Web rapide. Construire pour le Web est complexe de nos jours.
Mais comment trouvez-vous que toutes ces choses causent des problèmes de performances ?
Permettez-moi de partager trois outils qui vous aideront à repérer les problèmes de performances et à livrer une haute qualité et des sites Web rapides.
Remarque : Si vous recherchez un aperçu complet des meilleures pratiques et des outils, consultez la liste de contrôle des performances Frontend.[19659009]Waterfaller : Un outil axé sur les cascades en réseau J'ai découvert Waterfaller tout récemment. Contrairement à Lighthouse ou WebPage Test, Waterfaller se concentre sur une seule chose : les problèmes de la cascade du réseau. L'outil analyse quelles ressources sont chargées sur le site Web et dans quel ordre ces ressources arrivent. Vous pouvez trouver des conseils sur ce que vous pouvez mettre en œuvre pour accélérer le chargement de chaque ressource directement dans l'outil. J'adore la portée étroite de Waterfaller ! Exécutez un test, trouvez des fichiers problématiques et recevez des conseils – tout cela est faisable en 30 secondes. C'est magnifique ! Si vous recherchez un aperçu complet de la qualité de la structure de votre site, donnez à Yellow Lab un essayer. Le nombre de tests et de contrôles de performances inclus est exceptionnel ! Il fournit des métriques standard telles que le poids des pages et le nombre de demandes et analyse votre HTML, CSS et JavaScript. C'est un bel outil pour trouver des problèmes dans votre architecture CSS sous la forme de sélecteurs dupliqués ou de trop de déclarations de couleurs. Il signale également une structure HTML trop complexe et vérifie également la configuration de votre serveur et de l'en-tête de cache. C'est un compagnon idéal pour créer un site Web de haute qualité. Dites bonjour au Webhint de Microsoft . webhint est comparable à Lighthouse et analyse votre site à la recherche de problèmes dans les domaines de l'accessibilité, de la compatibilité, des applications Web progressives, des performances et de la sécurité.
Yellow Lab : Un outil qui analyse votre site de haut en bas
Si vous ne l'avez pas encore utilisé, je vous recommande de lui donner un essayer. Vous pourriez trouver des choses surprenantes à améliorer.
Utilisez les meilleurs outils pour créer les meilleurs sites Web
Comme vous l'avez vu, le paysage de l'outillage comprend de nombreux outils précieux. Et bien que certains outils recherchent un large éventail de problèmes, aucun outil ne couvre tout. Le mantra habituel s'applique :
"Utilisez le bon outil pour le travail."
Quels outils de performance Web utilisez-vous ? J'aimerais en savoir plus sur vos outils préférés pour vous aider à créer les sites Web les meilleurs et les plus rapides.
( vf, il)