Analyse de la page

Lighthouse

Lighthouse est un outil open-source et automatisé permettant d'améliorer la qualité des pages web. Vous pouvez l'exécuter sur n'importe quelle page web, publique ou nécessitant une authentification. Il comporte des audits de performance, d'accessibilité, d'applications web progressives, de référencement (SEO), et bien plus encore.

Il est disponible sous forme d'extension pour Google Chrome et Firefox et peut également être exécuté en ligne de commande. Cela est utile pour les tests sur un environnement de développement local.

Plus d'informations sur le site Chrome for Developers : Lighthouse.

Vous pouvez utiliser l'outil en ligne depuis PageSpeed Insights pour ce site.

La capture d'écran suivante montre la première partie du rapport PageSpeed Insights :

Améliorations des performances

La seconde partie du rapport suggère des méthodes pour améliorer les performances :

• Éliminer les ressources bloquant le rendu - Gain potentiel de 540 ms. Franchement, cela demande trop de travail pour trop peu de bénéfice.
• Activer la compression du texte Gain potentiel de 11 KiO. Dans la Configuration Générale, panneau Serveur, définir la Compression de page GZip sur Oui. Il reste de petits fichiers JavaScript et CSS encore à minifier et compresser.
• Réduire le CSS inutilisé Gain potentiel de 62 KiO. Les coupables sont template.min.css et joomla-fontawesome.min.css, mais cela implique d'adapter le CSS pour chaque page du site, ce qui est un travail trop sujet aux erreurs pour trop peu de bénéfice.
• Servir les ressources statiques avec une politique de mise en cache efficace - 21 ressources trouvées. Des références sont fournies, y compris des références spécifiques à Joomla.

Le message général est que certaines suggestions méritent d'être corrigées et d'autres non.

Rapport mobile vs bureau

Le rapport pour ordinateur de bureau diffère généralement du rapport mobile. Quelques problèmes supplémentaires identifiés dans ce cas :

• Dimensionner correctement les images - Gain potentiel de 48 KiO. La balise image est en réalité optimisée avec des images webp de 768 et 1200 pixels de large. Il semble qu'une taille intermédiaire soit nécessaire.

Accessibilité

• Les liens n'ont pas de nom reconnaissable Cela fait référence aux flèches gauche et droite en bas de la page qui permettent de naviguer en avant ou en arrière. Le texte a été omis pour éviter les problèmes de traduction. Il faut y réfléchir à nouveau !
• Les cibles tactiles n'ont pas une taille ou un espacement suffisant Cela fait référence à la taille des liens de menu dans les colonnes de gauche et de droite. Ils ont besoin de plus d'espace vertical - un ajustement CSS est nécessaire.

Bonnes pratiques et SEO

Bien que les deux aient obtenu un score de 100 pour mobile et bureau, ils doivent être vérifiés à nouveau après chaque changement de design.

Résumé

Tous les problèmes de ce site ont été corrigés, à l'exception du démantèlement des fichiers CSS et de la minification des petits fichiers Javascript et CSS des composants.