Améliorez les temps de chargement du site Web avec ce guide Google PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) est un outil qui rend compte des performances d'une page sur les appareils mobiles et de bureau et fournit des suggestions sur la façon d'améliorer cette page. En saisissant une URL et en cliquant sur ANALYSER, vous obtiendrez un rapport détaillé de ce qui ralentit la page et de ce que vous pouvez faire pour y remédier.

Ce qui ralentit la page est basé sur deux paramètres, le temps de chargement au-dessus du pli et le temps de chargement complet. Le premier est le temps qu'il faut à une page pour afficher le contenu au-dessus de la ligne de flottaison après qu'un utilisateur a demandé une nouvelle page. Ce dernier est le temps qu'il faut à un navigateur pour ouvrir complètement une page après qu'un utilisateur l'ait demandée.

Des chercheurs de Google ont découvert que si votre page met plus de 3 secondes à se charger, la moitié de vos visiteurs potentiels partent avant même de l'avoir vue. De plus, la même étude a révélé qu'à chaque seconde suivante, une page ne se charge pas, encore plus de visiteurs partent. Pour cette raison, votre site devrait se charger en 2 secondes ou moins.

Le score PageSpeed ​​Insights va de 0 à 100 et un score de 85 ou plus indique que la page fonctionne bien.

PSI fournit à la fois des données de laboratoire et de terrain sur une page. Les données de laboratoire sont utiles pour déboguer les problèmes de performances, car elles sont collectées dans un environnement contrôlé. Les données de terrain, en revanche, sont utiles pour capturer des expériences utilisateur réelles et réelles.

Les données de terrain sont divisées en 3 classes, décrivant les expériences comme bonnes, à améliorer et mauvaises. Si vous avez beaucoup de points d'exclamation rouges et jaunes dans votre rapport, vous devriez probablement travailler à l'amélioration de votre site Web.

Si vous souhaitez accélérer le temps de chargement de votre site Web, vous devriez essayer de procéder comme suit :

• éviter les redirections post-clic sur la page de destination
• activer la compression
• minifier CSS, JavaScript, HTML
• prioriser le contenu au-dessus de la ligne de flottaison
• accélérer le temps de réponse du serveur
• éliminer JavaScript bloquant le rendu
• tirer parti de la mise en cache de la navigation
• optimiser les images

Comment le plugin Hummingbird peut-il aider

Hummingbird est un plugin gratuit qui vous aide à mettre en œuvre les conseils mentionnés ci-dessus et accélère le chargement de votre page, vous aidant ainsi à rendre vos visiteurs plus heureux. Non seulement vos visiteurs resteront sur la page, mais ils resteront également plus longtemps et seront plus satisfaits.

Ce plugin optimise les performances du site et corrige votre Google PageSpeed. Il analyse votre site et vous permet de savoir ce que vous devez améliorer pour vous assurer que votre page est aussi rapide que possible. En ayant une page plus rapide, vous obtenez des visiteurs et des clients satisfaits.

Hummingbird possède de nombreuses fonctionnalités utiles, notamment la compression de fichiers, le report de CSS et JavaScript, la minification pour CSS et JS, l'intégration Lazy Load et la mise en cache de classe mondiale.

Avec la fonction d'analyse et de correction en un clic, Hummingbird vous aide en analysant votre site, en traquant les fichiers qui le ralentissent et en fournissant des conseils et des correctifs pour accélérer le chargement de votre site. Il propose des améliorations en un clic qui ne vous feront pas perdre de temps, mais amélioreront certainement votre site. Vous pouvez optimiser les performances en une seconde et en un seul clic.

La fonction de mise en cache vous offre une suite de mise en cache de classe mondiale, comprenant une page complète, un navigateur et un cache Gravatar. Il est conçu pour être aussi simple que possible, avec une interface claire et des paramètres faciles à utiliser. Il n'y a pas d'onglets complexes qui pourraient vous submerger ou vous décourager.

L'interface comporte des commutateurs à bascule à l'aide desquels vous pouvez choisir les pages et les publications que vous souhaitez ou ne souhaitez pas mettre en cache. Vous pouvez l'activer automatiquement pour les pages généralement mises en cache telles que Frontpage, Blog, Articles, Archives, etc., mais il est également possible d'ajouter des options de configuration supplémentaires telles que les utilisateurs connectés, les requêtes d'URL, les mises à jour et les exclusions.

La mise en cache accélère le chargement de votre site car elle enregistre certaines de vos données dans un emplacement plus pratique, ce qui permet d'y accéder et de les récupérer plus rapidement.

Hummingbird vous permet également de personnaliser facilement la position de vos fichiers CSS, JavaScript et autres pour augmenter la vitesse de votre page. Vous pouvez facilement réorganiser, compresser et repositionner les fichiers avec la fonction de minification. Réduire et combiner les fichiers est un outil puissant que vous pouvez utiliser pour vous assurer que votre site se charge plus rapidement.

Hummingbird analyse votre page et vous envoie un message indiquant le nombre de fichiers ou de ressources dont vous disposez. Sur la page des paramètres d'optimisation des actifs, vous pouvez décider de ce que vous souhaitez réduire, combiner ou déplacer. En minifiant, vous réduisez les données inutiles de votre code, ce qui rend la page plus rapide.

Moins il y a d'informations provenant du serveur et du navigateur, moins il faudra de temps pour que votre site Web se charge. Réduisez les scripts pour vous assurer que les fichiers sont dans la plus petite taille possible. Vous pouvez également combiner vos fichiers, ce qui signifie que tous les fichiers CSS vont dans un seul fichier CSS et que tous les fichiers JS vont dans un seul fichier JS.

Cela réduit le nombre de requêtes envoyées au navigateur, ce qui améliore les temps de chargement. Vous pouvez déplacer un script vers le pied de page et également choisir de ne pas charger un fichier spécifié, ce qui est utile si vous n'avez pas besoin d'un script sur votre site Web. Encore une fois, la configuration est très simple et ne nécessite aucune connaissance en codage. Et ne vous inquiétez pas, si vous vous trompez, vous pouvez facilement réinitialiser toutes les modifications que vous avez apportées.

Une autre fonctionnalité du plugin est la compression Gzip. Gzip compresse vos fichiers HTML, JavaScript et CSS avec une configuration en un clic avant de les envoyer au navigateur. Cela rend le partage de votre site plus efficace car l'envoi de fichiers compressés est plus rapide et vous permet d'économiser de l'argent sur l'hébergement. Il rend vos fichiers plus petits et plus rapides à charger sans perdre les données nécessaires au cours du processus. Vous n'avez pas à vous soucier de la configuration, vous choisissez simplement le type de serveur sur lequel votre site est hébergé et cliquez sur le bouton Appliquer les règles. Le plugin s'occupe du reste.

Avec Hummingbird, vous pouvez également contrôler les paramètres de cache de votre navigateur Cloudflare. De plus, vous pouvez compléter les fonctionnalités d'optimisation avec le plugin d'optimisation d'image Smush. Smush est utilisé pour compresser vos images et accélérer le processus de chargement.

Vous pouvez optimiser et corriger les performances de PageSpeed ​​avec des images de la taille appropriée, un chargement différé, une conversion WebP de nouvelle génération, un formatage d'image, etc.

Vous voulez être sûr que tout se passe aussi bien que possible, c'est pourquoi avec Hummingbird, vous pouvez garder un œil sur votre site et le modifier si nécessaire. Et sur votre tableau de bord Hummingbird, vous pouvez exécuter des analyses de performances périodiques qui peuvent vous aider à identifier les fichiers susceptibles de ralentir votre page.

Pourquoi tout cela est important

Avoir un site Web à chargement rapide est très important car plus il faut de temps pour que votre page se charge, plus les visiteurs et les clients la quittent rapidement. Je suis sûr que vous vous souvenez d'au moins une fois où vous étiez sur un site Web qui a mis du temps à se charger. Vous avez probablement cliqué avant même que quelque chose n'apparaisse. Je sais que j'ai.

Si vous devez attendre longtemps pour que quelque chose se charge, vous devenez plus frustré et insatisfait du site Web. C'est pourquoi la vitesse de la page est importante. Donc, si vous ne voulez pas perdre de clients potentiels, vous devriez envisager d'accélérer le temps de chargement de votre site Web. Une fois que vous l'avez peaufiné, vous pouvez l'analyser à nouveau sur PSI.

Il y a un article intéressant que vous pouvez lire ici sur la façon dont il est impossible de marquer un 100 sur Google PageSpeed ​​Insights. L'auteur de l'article explique comment elle a évalué son site avant et après les améliorations pour essayer d'obtenir un score de 100. Elle a utilisé les plugins Hummingbird et WP Checkup pour améliorer les performances de son site.

Après avoir apporté des modifications à sa page, elle s'est rendu compte qu'elle ne pouvait pas faire grand-chose de plus pour obtenir un score de 100. Cependant, ce n'est pas parce que votre page n'obtient pas un score de 100 sur Google PageSpeed ​​Insights que votre page est lente. L'article montre simplement que chaque site ne peut pas obtenir un score parfait et que Google PageSpeed ​​Insights n'est pas la meilleure référence pour évaluer les performances du site Web, mais cela vaut vraiment la peine d'être utilisé.

Dernières pensées

Il peut être très frustrant de visiter un site Web et d'attendre indéfiniment qu'il se charge. Surtout si vous êtes une personne impatiente. Mettez-vous à la place de vos clients ou visiteurs. Vous ne voulez pas attendre longtemps pour que quelque chose apparaisse et eux non plus. Vous voulez offrir le meilleur service et cela inclut également les performances de votre site Web.

En accélérant votre page, vous augmentez la possibilité de conserver des clients nouveaux et existants. Avoir un temps de chargement de page rapide est un facteur crucial si vous voulez que les gens visitent votre site Web, restent un certain temps et reviennent également.

Alors, analysez votre page sur Google PageSpeed ​​Insights et si vous n'obtenez pas le score que vous espériez, essayez Hummingbird qui est fait pour optimiser votre site web.