Logo Studio Développement Les Vikings Logo Studio Développement Les Vikings
icon-mail
  • SEO et performances techniques web et e-commerce
  • Cybersécurité web, e-commerce et infrastructures
  • Marketech (Marketing & Technique)

Page Speed Insight 2024 : quelle importance par rapport à 2023 ?

Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon Elément d'arrière-plan de site web ou e-commerce permettant l'habillage des pages e-commerce et web sans valeur informative mais nécessaire pour la création de site e-commerce ou web par notre agence web à Lyon
Hébergement
Hébergement
développeur logiciel
devéloppeur front
studio de développement
nouvelles technologies
objets connectés
IoT

Article publié le : 08/12/2023

Suite à notre article sur le 100/100 au Page Speed Insight - édit 2024 , voici une liste de conseils côté applicatif et côté infrastructure pour améliorer votre score Google Page Speed Insight.

 

1. Qu'est-ce qu'un "bon" score Page Speed Insight ?

Un "bon" score Page Speed Insight, en 2024, restera un indicateur clé de la performance d'un site web. Ce score, sur une échelle de 0 à 100, évalue la rapidité de chargement et la réactivité d'une page web. 

Un score supérieur à 80 est généralement considéré comme excellent, indiquant un temps de chargement rapide et une bonne expérience utilisateur. Les scores entre 50 et 80 nécessitent des améliorations, tandis que ceux en dessous de 50 indiquent des problèmes significatifs de performance. Ce score est crucial car il influence directement le SEO, la rétention des utilisateurs et, en fin de compte, le succès commercial du site e-commerce ou web.

Chez Les Vikings, on aime beaucoup le Page Speed Insights, c'est un baromètre neutre et objectif permettant d'estimer la performance technique d'un site internet. Il y a d'autres variables, comme la sécurité, l'accessibilité et l'éco-conception, mais c'est déjà un outil très intéressant.
Ne pas en faire une obsession, si vous êtes à 85/100, je gage qu'il sera plus rentable de travailler votre stratégie d'acquisition que de faire des optimisations techniques ! Ceci dit, on peut s'en parler, avec plaisir.

On va le voir, mais en 2024, le Page Speed Insights restera dans le même principe qu'en 2023 sur les métriques à surveiller et les optimisations techniques à pratiquer.

2. Moyens à mettre en œuvre côté applicatif pour améliorer son score

Le premier bloc à optimiser pour améliorer son score PSI (Page Speed Insight), c'est l'applicatif. L'applicatif, c'est le site e-commerce par exemple, la partie visible et la manière dont les ressources vont être chargées par chaque internaute.

Plusieurs optimisations peuvent être effectuées pour améliorer le score Page Speed Insight. 

Les images
l'optimisation des images est essentielle. Utilisez des formats modernes comme WebP (allez et le JPG aussi), qui offrent un bon équilibre entre qualité et taille de fichier. Pensez également à implémenter le lazy loading pour charger les images uniquement lorsqu'elles entrent dans le champ de vision de l'utilisateur. Imagify pour WordPress fait super bien le travail (on a une licence illimitée chez Les Vikings pour nos clients en accompagnement e-commerce, si jamais !)

Les ressources
La minification et la concaténation des fichiers CSS et JavaScript réduisent la taille totale des fichiers à charger et le nombre de requêtes HTTP. L'utilisation de techniques telles que le CSS inlining pour les styles critiques et le report du chargement des scripts non essentiels peut également améliorer considérablement les temps de chargement.

Le cache (navigateur)
L'optimisation du cache navigateur implique de définir des en-têtes HTTP pour indiquer aux navigateurs quand et comment stocker les ressources statiques (images, JS, CSS). Par exemple, l'utilisation de l'en-tête Cache-Control permet de spécifier la durée pendant laquelle ces ressources doivent être mises en cache. 
/!\ Bonne pratique /!\  Définir une durée de cache plus longue pour les éléments qui changent rarement, et une durée plus courte pour les éléments fréquemment mis à jour.

Côté applicatif, je mets l'optimisation de la base de données. C'est côté infrastructure normalement, mais il est important de s'assurer que la base de données est bien optimisée, avec des requêtes rapides et efficaces, et que le stockage est suffisamment rapide pour gérer les opérations d'entrée/sortie sans goulets d'étranglement. Ne pas saturer la BDD, c'est aussi de la responsabilité de l'applicatif.

Enfin, l'optimisation du code côté serveur, comme la réduction des requêtes de base de données et l'utilisation d'un code efficace, contribue également à améliorer les performances.

3. Moyens à mettre en œuvre côté infrastructure d'hébergement pour améliorer son score

Partie invisible de l'iceberg de la performance e-commerce, l'infrastructure d'hébergement joue un rôle crucial dans la performance d'un site web. 

Une première étape importante consiste à choisir un hébergement web performant, idéalement avec des serveurs situés géographiquement près de votre audience cible pour réduire la latence. Ho, mais, comme avec un hébergement web chez Les Vikings ! (Boom, placement de produit.)

Ensuite, le CDN. L'utilisation d'un réseau de distribution de contenu (CDN) est également essentielle. Un CDN cache votre contenu sur plusieurs serveurs à travers le monde, réduisant le temps de réponse et la distance entre le serveur et l'utilisateur final. On a un article dédié si vous voulez en savoir plus.

Plus technique, la mise en place d'une configuration de serveur optimisée est cruciale. Cela inclut l'utilisation de versions récentes et rapides de PHP, l'activation d'extensions comme OPcache, et la configuration de serveurs web comme Apache ou Nginx pour une performance optimale. Et non, je ne vais pas vous dire comment. Hihi.

L'utilisation de protocoles HTTP/3 et QUIC peut également contribuer à améliorer les performances, grâce à leur capacité à réduire la latence et à gérer mieux les pertes de paquets. 

Et les redirections.
Chaque redirection peut ajouter des délais supplémentaires, donc il est essentiel de minimiser leur usage. 
C'est quoi une redirection ?
Lorsqu'un navigateur demande une URL (= une page web) qui est redirigée vers une autre URL, il doit d'abord se connecter au serveur web initial, recevoir l'instruction de redirection (généralement via un code de statut HTTP 3xx), puis se connecter à la nouvelle URL fournie. Ce processus implique des requêtes et des réponses HTTP supplémentaires, ce qui prend du temps.
Un internaute, on s'en fiche. Et si vous en  avez 1000 en même temps ? Voilà voilà.

4. Conclusion

On est parti pour une grosse conclusion des familles  :
"En 2024, maintenir un bon score PSI, ce sera important. Comme avant en fait."

Bonne soirée.

En ajoutant malgré tout que, plus le temps passe, plus le nombre de sites & de pages augmente. La concurrence est donc mécaniquement de plus en plus rude sur le terrain des moteurs de recherche - dont on peut imaginer voir le périmètre se réduire dans les prochains temps avec l'influence de l'IA. 
Plus de concurrence pour un marché moindre; on peut sans trop se tromper se dire que l'optimisation des performances sera un pré-requis pour conserver une forme d'indépendance de visibilité vis-à-vis de votre cible dans les SERP. 

C'est moins marrant.

 

Kévin, Directeur associé

co-Gérant chez Vikings Technologies, mon cœur est voué aux paradoxes. Amour de la Technologie et de l'Histoire (de 793 à 1805), passion de la gestion et du potager. Accessoirement, une expérience de plus de 10 ans dans le domaine du numérique. Ce qui implique que j'en sais assez pour reconnaître que j'ai tout à apprendre.