De nos jours, la navigation sur le Web est devenue une activité quotidienne. Et dans cette ère de l’instantanéité, personne n’aime attendre le chargement d’une page.
La vitesse dun site web et la vitesse d’une page web sont des éléments essentiels pour offrir une expérience utilisateur optimale ( UX) . Un temps de chargement lent peut être source de frustration pour les utilisateurs, les poussant à quitter votre site. Cela entraîne un taux de rebond élevé, réduisant ainsi considérablement votre trafic provenant de la publicité, du référencement naturel ou d’autres sources.
Il est courant de penser que le problème réside dans la connexion Internet, mais la cause peut également résider dans votre site Web lui-même ou dans le serveur sur lequel il est hébergé.
Dans cet article, découvrez différentes techniques pour améliorer la vitesse de chargement de votre site Web et de vos pages, afin d’offrir une expérience utilisateur fluide et rapide.
Pour améliorer les résultats de recherche mobile, Google a lancé la « Speed Update » en 2018 critère de référencement mobile qui tient compte du temps de chargement de la page mobile et qui a été complete avec le core Update de prise en compte des signaux web essentiels dont le déploiement est à cheve depuis fin août 2021
La vitesse de chargement est maintenant un critère de positionnement sur ordinateur et Google tient compte de la vitesse de chargement de votre page sur mobile pour le classer dans les résultats de recherche.
Des pages qui se chargent plus rapidement donne une meilleure Expérience Utilisateur et plus de pages vues et surtout un meilleur classement dans les moteurs de recherche.
D’autre part, la « Speed Update » est en accord avec le terme Mobile First et fait suite à la technologie AMP (Accelerated Mobile Pages) pour accélérer l’affichage des pages web sur mobiles. Google ne propose aucun outil permettant de voir si votre site sera affecté par le nouveau facteur de ranking mobile ou non.
Pourquoi la vitesse est importante un moteur de recherche comme Google
Si votre site Web est rapide, vos utilisateurs vont l’apprécier et ils vont y rester plus longtemps : Les experts SEO parlent de :
- Taux de rebond,
- Nombre de pages par sessions,
- Durée des sessions…
Google et les autres moteurs de recherche ont aussi tendance à délaisser les pages Web les plus lente et un site Web plus lent que la moyenne est moins bien classé dans les résultats de recherche,avec un trafic plus faible.
Plus précisément, Google considère qu’il y a une durée de chargement de pages en-dessous de laquelle il commence à déclasser car il considère que vous lui faite perdre du temps (Budget Crawl)
Il faut que votre site WordPress ou Wix soit plus rapide pour avoir plus de trafic Web, plus de prospects et que votre site Web soit une source de Chiffre d’affaires importante.
Quels sont les outils pour évaluer la vitesse de chargement d’un site :
– Lighthouse : un outil qui effectue automatiquement l’audit de qualité (performances, accessibilité, etc.) des pages Web.
– Page Speed Insights : L’intérêt de l’outil SEO de Google est de fournir à l’utilisateur à la fois un rapport sur la version desktop (ordinateur de bureau) et un second sur la version mobile d’une page web.
– GTMetrix Un test sur GTMetrix donne une page de résultats qui affiche les informations relatives au contexte du test : le navigateur utilisé et sa version, l’IP du site, le score Pagespeed et le score YSlow. Elle révèle aussi le nombre de requêtes que le chargement de la page génère, le poids de la page et le temps total pour son chargement.
Qu’est ce qnue la vitesse d’u site web ?
Selon Google, une page web doit se charger en moins de 2 secondes pour offrir une expérience utilisateur optimale. Au-delà de ce seuil, les chances de perdre des visiteurs augmentent considérablement. Il est donc essentiel d’optimiser la vitesse de chargement pour garantir la satisfaction des utilisateurs et maximiser la rétention.
- Moins d’une seconde : c’est le top,
- Moins de 2 secondes : c’est bien !
- 4 secondes ou plus : il faut agir !
Comment mesurer les performances de votre site web ?
Avant de procéder à un test de vitesse de votre site web, vérifiez les points suivants :
Activez la mise en cache et assurez-vous d’utiliser un réseau de diffusion de contenu (CDN) sur votre site. Ces deux outils sont essentiels pour accélérer considérablement le temps de chargement.
Cela permet de stocker des copies des fichiers de votre site web, à la fois du côté du client et du côté du serveur. Cela permet de réduire le temps de chargement ultérieur en utilisant les fichiers en cache plutôt que de les demander à nouveau au serveur.
Avec nos hebergement web, wp rocket est préinstallé sur tous les plans d’hébergement avec smush et son CDN.
Les Outils que conseille Google pour tester la vitesse d’un site :
Google PageSpeed Insights
Google PageSpeed Insights est l’un des outils gratuits les plus populaires pour améliorer les performances des pages web. Développé par Google lui-même, il permet aux webmasters de mesurer le temps de chargement de leurs pages et de corriger les problèmes éventuels.
Cet outil est accessible à tous et facile à utiliser. Il vous suffit d’entrer l’URL de la page que vous souhaitez tester dans la barre de recherche. Google analysera ensuite le contenu de la page et vous fournira un score sur 100.
Un score élevé indique de bonnes performances de la page, tandis qu’un score inférieur à 50 est considéré comme médiocre. Les scores entre 50 et 90 sont considérés comme moyens, et ceux supérieurs à 90 sont considérés comme bons. Utiliser Google PageSpeed Insights vous permettra d’optimiser vos pages et d’améliorer leur temps de chargement pour offrir une meilleure expérience utilisateur.
Utilisation de GTmetrix
GTmetrix utilise Google Lighthouse pour évaluer les performances des sites internet, en mesurant des aspects clés tels que le temps de chargement complet, la première peinture de contenu et la plus grande peinture de contenu.
Cet outil fournit des informations détaillées sur la taille du contenu et identifie les principaux problèmes qui impactent les performances du site Web. Il permet également d’effectuer des tests à partir de différents emplacements de serveurs, offrant ainsi une perspective variée.
Pour évaluer les performances de votre site Web dans diverses conditions de connexion réseau, vous pouvez utiliser la fonctionnalité de limitation de la connexion qui vous permet de sélectionner différentes vitesses de connexion.
L’utilisation de GTmetrix pour tester un site Web est gratuite. Toutefois, il existe des plans premium qui offrent des fonctionnalités supplémentaires telles que des emplacements de serveurs de test supplémentaires, des tests sur les appareils mobiles et des rapports en marque blanche.
KeyCDN Website Speed
KeyCDN est un CDN et propose d’effectue des tests de vitesse sur 10 sites différents. Les résultats affichent trois paramètres principaux : le temps de chargement, la taille totale de la page et le nombre de demandes. Le rapport complet décompose les mesures à l’aide de graphiques et fournit une ventilation détaillée sous forme de diagramme en cascade. Outre un test de vitesse pleine page et une vérification de la géolocalisation, KeyCDN propose également divers contrôles de réseau et de sécurité tels que les requêtes DNS et le test SSL FREAK.
Dotcom-Monitor
L’outil de test de vitesse des sites Web de Dotcom-Monitor offre des tests de temps de chargement basés sur un navigateur à partir de 21 serveurs de test. Il vous permet de sélectionner l’un des cinq navigateurs disponibles et de configurer la vitesse de connexion pour l’étranglement du réseau. La version gratuite permet de tester jusqu’à cinq sites différents simultanément. Toutefois, si vous utilisez le Dotcom-Monitor sans vous inscrire, il est limité à trois emplacements seulement. Vous obtiendrez le temps de chargement moyen de la première visite, le temps de chargement des visites répétées et un rapport détaillé de chaque emplacement de test. La version premium est proposée à partir de 9,99 $/mois et offre un nombre illimité de sites simultanés et l’automatisation des tests.
Outil de test de vitesse Dareboost
L’outil de test de vitesse de Dareboost peut effectuer un contrôle des performances à partir de 13 emplacements et de sept appareils, y compris les mobiles. Les principales caractéristiques de cet outil incluent la possibilité de simuler un test de vitesse avec et sans blocage des publicités et de bloquer des domaines spécifiques pour découvrir le coupable des mauvaises performances du Web. Le test fournit un rapport complet. Il comprend des recommandations réparties en plusieurs catégories, telles que l’accessibilité et le rendu du navigateur, ce qui permet de hiérarchiser facilement les améliorations requises. Le plan gratuit autorise jusqu’à cinq tests par mois.
Pour effectuer davantage de tests et accéder au service de contrôle des performances, optez pour un plan premium, à partir de 59 $/mois ou utiliser planethoster comme hebergeur.
Quelles sont les principales causes de ralentissement d’un site web ?
Les principales de la lenteur d’un site WordPress sont les suivantes :
- Votre hébergement Web. Vous avez choisi un hébergeur peu performant ou non fiable comme OVH par exemple. Nous recommandons un hébergeur comme planetHoster ou kinsta ou WPMUDEV. En utilisant le code PHA-RCM10 vous aurez meme 10 pourcent de rabais.
- La configuration est mal finalisee. Pensez à passer la memoire a 512 et utilisez des plugins comme : Wp-rocket ou Wp-total cache. WPMUDEV integre un gestionnaire Comme Hummingbird associe nativement à un compresseur d’image Smush
- Le poids des pages. Le poids d’une page Web vient des images qui n’ont pas été optimisées pour le Web. Alex Russel disait » Lorsque nous construisons le monde numérique aux limites des meilleurs appareils nous en construisons un monde moins utilisable pour plus de 80% des utilisateurs du monde . »En 2022 le poids idéal d’une page web serait :
- environ 100 Ko (gzippé) de HTML / CSS / polices,
- et entre 300 à 350Ko de JavaScript sur le fil (compressé).
- Rappelez vous que avec le déploiement de la 4G (à 9000Kpbs soit 1125Ko/s), les temps de la connexion initiale pour la recherche DNS et la négociation TLS ont ete de moitié : On passe de 1,6 s à 700 ms et du coup on peut transmettre plus de données dans la même fenêtre de temps !
- Des extensions. Il faut bien choisir vos plugins et surtout en lilmiter le nombre car c’est la principale cause ralentissement d’un word press.
- Des scripts. Les scripts externes tels que les annonces publicitaires, les chargeurs de polices ont également un impact énorme sur les performances de votre site Web. Le point le plus délicat est toujours le JavaScript : Personne ne peut prédire la quantité de travail exécuté dans le thread principal qu’une certaine quantité de code JavaScript entraînera. Il n’y pas de ratio X Ko de JS équivalent à X secondes d’exécution.
Quelles sont les quick win en optimisations wordpress
1- Choisir un bon hébergeur
Un hébergeur pourri comme OVH joue un rôle crucial dans le manque de performance globale de votre site Internet. Optez pour des serveurs « mutualisé” infogéré comme Kinsta ou Wpmudev ,vous partagez ce serveur avec d’autres sites mais infrastructure est moderne : SSD, Gigabit network.
Pensez a exploiter PHP 8.0 . Avant de changer d’hébergeur verifier que vous avez installe deux type d’extensions
- La mise en cache
- La compression d’image.
2 Optimiser votre site Web WordPress avec la mise en cache
Le WordPress est un CMS : la generation des pages est “dynamiques” à chaque fois qu’un internaute visite un article ou une page du site internet. WordPress exécute une requête complexe pour trouver la bonne information dans la base de données Mysql ou MariaDB , l’assembler puis l’envoyer à l’internaute.
Pour ce traitement au maximum on essaye d’emuler une page web statique pour certaines requêtes : Avec un bon plugin votre site web peut être entre 2 et 5 fois plus veloce mais cela demande un investissement.
Orion digital vous recommande d’utiliser l’extension WP Rocket .
Vous pouvez choisir un hébergement chez Planet Hoster en commandant l’option VIP pour 2 euros supplémentaire vous avez un gestionnaire professionnel avec les meme performance que wp-rocket.
Si vous hébergez votre site avec Orion Digital alors nous vous offrons Wp-Rocket ( 60 euros économie)
3- Compresser vos images avec un plugin spécialisé
Le poids des images est le problème le plus frequent entraînant de la lenteur sur un site : Tailler vos images pour un poids en dessous de 100 kilo-octets.
Quel format d’image choisir ?
- Besoin d’une image avec un fond transparent: PNG.
- Autrement JPEG.
Compresser vos images avec Imagify qui est fourni par WP rocket ou smush !
Les deux compresseurs utilisent le chargement diffère et sont optimises . Vous me direz que le cout annuel de ces programmes n’est pas gratuit mais alors demandez-vous combien coute un visiteur perdu. Encore un hébergement avec Orion Digital avec info gerance de votre word press vous donne accès a smush version Pro ( CDN + compression ) + WP Rocket
Les optimisations restantes pour le site web.
Reduction du TTFB
Optimisez le temps de réponse de votre serveur web pour réduire votre TTFB (Time To First Byte). Quelques stratégies pour améliorer ce paramètre
- Choisissez un hébergeur web performant : Optez pour un hébergeur réputé offrant une infrastructure solide et des serveurs rapides.
- Optimisez votre code et votre structure web : Simplifiez votre code, optimisez les requêtes et réduisez les délais de traitement. Améliorez également la structure de votre site, notamment le menu de navigation, pour favoriser une meilleure expérience de navigation.
- Utilisez la mise en cache pour les éléments statiques de votre site pour les livrer plus rapidement aux utilisateurs, réduisant ainsi la charge sur votre serveur.
- Utilisez un réseau de diffusion de contenu (CDN) : Un CDN distribue vos fichiers statiques sur des serveurs géographiquement dispersés, offrant un accès rapide aux utilisateurs dans différentes régions du monde. Des CDN comme Cloudflare dispose d’options gratuites mais la plupart des CDN sont payants
En réduisant votre TTFB, vous offrez aux utilisateurs une expérience plus rapide et améliorez la performance globale de votre site web.
Changer de theme en cas de refonte :
Nous utilisons les themes les plus simple possible comme Hello de Elementor ou Astra. L’utilisation ensuite du builder Elementor en version pro permet de faire un site qui charge vite pixel perfect.
Optimiser régulièrement votre base :
C’est fait automatique par un bon plugin mais vous avez intérêt à limiter le nombre de revisions.
Pourquoi la vitesse d’une page web est-elle importante ?
Améliorez l’expérience utilisateur en optimisant la vitesse de vos pages web. Une page rapide évite l’abandon des utilisateurs et impacte positivement le trafic, le référencement et les conversions.
Voici pourquoi la vitesse des pages web est cruciale :
Trafic :
Une page qui se charge en 3 secondes au lieu d’une seconde augmente le taux de rebond de 32%.
Référencement :
Les moteurs de recherche privilégient les sites à chargement rapide, améliorant ainsi leur classement dans les résultats de recherche.
Taux de conversion :
Un site lent réduit le trafic et peut nuire à la conversion des visiteurs en clients pour les sites e-commerce ou d’abonnement.
Quels sont les meilleurs outils pour accélérer votre site ?
Il existe de nombreux outils pour mesurer, puis améliorer, la performance des sites web.
Pour le SEO, on notera l’extension SEO-Press, qui analyse la qualité SEO d’un texte, puis conseille l’auteur selon ses lacunes.
Des plu ins Hummingbird ou Smush permettent d’optimiser la vitesse de votre site des lors que vous savez les paramétrer
En définitive, l’optimisation de la vitesse de votre site Web est un élément crucial pour garantir une expérience utilisateur optimale et favoriser un meilleur référencement. Pour obtenir des résultats exceptionnels et maximiser les performances de votre plateforme en ligne, faites confiance à Orion Digital. Grâce à nos services spécialisés et nos outils performants, nous vous aidons à améliorer la vitesse de chargement de votre site et à optimiser votre contenu pour une visibilité accrue. N’hésitez pas à faire appel à Orion Digital dès aujourd’hui et à propulser votre site Web vers l’excellence en matière de performance en ligne.