Cela seul nous dit que oui, la vitesse des pages est vraiment importante – et c’est pourquoi il est essentiel que votre entreprise dispose d’un site Web qui se charge suffisamment rapidement pour répondre aux attentes de vos utilisateurs.

1.1 La vitesse de la page est-elle vraiment importante ?

Une vitesse de page impressionnante aide à garder votre utilisateur engagé, l’encourage à explorer le site et à interagir avec votre contenu. Sans cela, vous risquez de perdre plus de pages et de réduire les taux de conversion.

Enquêtes sur l’expérience et le comportement des utilisateurs

De nombreuses études ont été menées sur la vitesse de chargement des pages et elles indiquent toutes clairement qu’un site Web lent peut avoir un impact significatif et négatif sur l’expérience utilisateur, ce qui, d’un point de vue commercial, peut s’avérer coûteux.

Par exemple, des enquêtes menées par Akamai.com et Gomez.com montrent que 47 % des consommateurs n’attendent pas plus de deux secondes pour qu’une page Web se charge, et si le site Web ne se charge pas dans les trois secondes, ils quittent complètement le site.

De même, selon les données présentées par AOL, la vitesse de chargement des pages a un impact sur les pages vues par visite jusqu’à 50 %. Une autre étude a révélé que 79 % des acheteurs en ligne qui ont rencontré des problèmes de performances sur un site Web déclarent qu’ils sont moins susceptibles de revenir sur ce site, 44 % d’entre eux affirmant qu’ils parleraient à un ami de leur mauvaise expérience utilisateur.

Dans cet esprit, nous avons examiné comment la vitesse de votre site Web peut affecter les ventes dans votre boutique en ligne.

Le site Web de commerce électronique Shopzilla a enregistré une augmentation impressionnante de 25 % du nombre de pages vues et a généré entre 7 % et 12 % de revenus supplémentaires en améliorant le temps de chargement de son site Web de ~ 7 secondes à ~ 2 secondes. Ces chiffres correspondent tout à fait aux recherches de Gomez.com et Akamai.com qui affirment que pour un magasin de commerce électronique gagnant 100 000 $ par jour, un retard de page d’une seconde seulement pourrait potentiellement coûter 2,5 millions de dollars en ventes perdues chaque année. Ce même délai d’une seconde dans la réponse de la page peut entraîner jusqu’à 7 % de réduction des conversions.

Vitesse de la page en tant que facteur de classement des moteurs de recherche

En ce qui concerne l’optimisation des moteurs de recherche, nous pensons immédiatement à utiliser des mots-clés dans notre contenu Web ou à générer des backlinks vers notre site Web, mais la seule chose que nous oublions souvent est l’importance de la vitesse des pages dans les classements SEO. Dans les mots de Google :

« L’accélération des sites Web est importante, non seulement pour les propriétaires de sites, mais pour tous les internautes. Les sites plus rapides créent des utilisateurs heureux et nous avons vu dans nos études internes que lorsqu’un site répond lentement, les visiteurs y passent moins de temps."

À l’appui de cette déclaration, Google a depuis mis à jour Google Analytics pour inclure des outils de statistiques supplémentaires tels que le temps de chargement de la page, la recherche et la taille de la page dans le but de permettre au webmaster d’analyser pleinement les performances de son site Web et de commencer à développer des stratégies et des actions pour améliorer leurs temps de chargement de page.

Bien sûr, tous les sites Web qui atteignent une vitesse de chargement de page optimale ne se classeront pas au premier rang des résultats des moteurs de recherche. il y a beaucoup d’autres facteurs d’influence à prendre en compte – il ne s’agit essentiellement que d’une pièce du puzzle. Ce que nous pouvons dire avec confiance, c’est qu’un site Web à chargement rapide aura des avantages distincts par rapport aux sites Web concurrents qui ne sont pas encore à jour.

1.2 Testez la vitesse de votre page

Tester la vitesse de votre page est une bonne idée et nous sommes là pour vous montrer comment. Nous vous suggérons d’utiliser un outil en ligne largement utilisé de Pingdom.

Accédez simplement à tools.pingdom.com, entrez l’adresse de votre site Web, sélectionnez votre emplacement dans le menu déroulant et appuyez sur "Démarrer le test". Pingdom fera le reste.

Après avoir analysé votre site Web, Pingdom vous fournira un score de vitesse de page ainsi que des informations utiles. Jetez un oeil à notre exemple ci-dessous:

Vous obtiendrez également un rapport complet avec des instructions ligne par ligne pour corriger chacun des éléments qui ralentissent votre site Web. En fonction de la complexité des correctifs suggérés, vous souhaiterez peut-être contacter le développeur de votre site Web pour vous aider à mettre en œuvre les modifications nécessaires.

1.3 Meilleures pratiques pour améliorer la vitesse de chargement des pages

Nous savons qu’une bonne vitesse de chargement des pages est cruciale pour la fidélisation des clients et les taux de conversion, et maintenant que vous avez déterminé la vitesse de chargement de votre page, il n’y a pas de meilleur moment pour passer à l’action et l’améliorer. Voici quelques-unes des étapes que nous vous recommandons de suivre pour améliorer la vitesse de votre site Web.

1 Utiliser un réseau de diffusion de contenu (CDN)

L’utilisation d’un service CDN est l’un des moyens les plus populaires de réduire les temps de chargement des pages. Pour ce faire, il envoie une version mise en cache du contenu de votre page Web à un réseau de serveurs distribués géographiquement appelés points de présence, ou POP en abrégé.

Ce faisant, la distance virtuelle entre les serveurs est réduite, ce qui signifie que le contenu est livré et chargé sur la page plus rapidement – et parce que vos fichiers Web sont répartis sur plusieurs serveurs, le CDN réduit la charge sur un seul serveur.

Essentiellement, le CDN place votre contenu à différents endroits en même temps, ce qui signifie que le visiteur de votre page Web peut accéder au contenu beaucoup plus rapidement qu’il n’aurait pu le faire sans CDN. Cela signifie non seulement que les visiteurs de votre page sont plus susceptibles de rester plus longtemps sur votre site Web, mais cela signifie également que vous économiserez de la bande passante de votre pack d’hébergement principal.2zs

2 Utilisez les en-têtes Expires pour tirer parti de la mise en cache du navigateur

Les en-têtes d’expiration sont un extrait de code défini dans le fichier .htaccess. Il demande au navigateur de demander une page spécifique au serveur ou de récupérer une version d’une page dans le cache du navigateur.

Les en-têtes d’expiration permettent aux utilisateurs de réutiliser les fichiers mis en cache des pages Web stockées dans le navigateur et réduisent le temps nécessaire pour télécharger les fichiers. Cela réduit également le nombre de requêtes effectuées pour charger la page Web, diminuant ainsi le temps de chargement de la page.

Notez que les en-têtes Expires ne fonctionneront que si votre visiteur a déjà une version de votre page Web stockée dans le cache de son navigateur. Pour ce faire, l’utilisateur doit avoir visité votre site Web au moins une fois auparavant.

3 Réparez tous les liens brisés

Les liens brisés découragent les utilisateurs de visiter d’autres pages de votre site Web et peuvent signifier que les utilisateurs choisissent de quitter complètement votre site Web. Outre la faible rétention des utilisateurs, cela peut entraîner d’autres problèmes.

Par exemple, lorsque les utilisateurs passent moins de temps sur votre site Web, les algorithmes des moteurs de recherche supposent que votre site Web ne contient pas de contenu ou d’informations de qualité. Cela réduira considérablement le nombre moyen de pages visitées par utilisateur et aura un impact négatif sur votre classement dans les moteurs de recherche.

Remédiez à cela en identifiant et en corrigeant vos liens brisés. Nous vous recommandons d’utiliser un outil gratuit comme Google Webmaster Tools ou Screaming Frog SEO Spider.

4 Spécifiez les dimensions de l’image et le jeu de caractères dans les en-têtes HTTP

Lorsqu’un utilisateur visite une page Web, son navigateur doit préparer la mise en page complète de cette page, ce qui peut entraîner des retards dans le chargement de la page.

En spécifiant les dimensions des images sur vos pages Web, vous pouvez aider à économiser le temps du navigateur – et en économisant le temps du navigateur, vous économisez le temps de visite de votre page Web.

Pour la même raison, vous devez également spécifier un jeu de caractères dans les en-têtes de réponse HTTP afin de minimiser le temps passé par votre navigateur à déterminer le jeu de caractères de votre site Web.

5 Optimisation des images

Les images surdimensionnées prennent toujours plus de temps à charger, il est donc important que vous gardiez vos images aussi petites que possible.

Assurez-vous également d’optimiser chaque image avant de la télécharger sur votre site Web et si vous utilisez un logiciel graphique pour optimiser les images, vous devez utiliser l’option "Enregistrer pour le Web". Cela réduira la taille des images et améliorera le temps de chargement de votre page. N’oubliez pas que vous devez utiliser des extensions d’image JPEG ou PNG – n’utilisez pas de fichiers BMP ou TIFF.

Les utilisateurs de WordPress peuvent installer le plugin WP Smush.it pour compresser automatiquement les images. WP Smush.it s’exécute en arrière-plan chaque fois que vous téléchargez une image dans votre médiathèque et réduit la taille des images sans dégrader la qualité.

6 Réduire les redirections 301

Pour réparer les liens brisés (erreurs 404), les redirections 301 sont privilégiées. Cependant, lorsque vous avez trop de redirections 301 sur votre site Web, le navigateur peut mettre plus de temps à atteindre la bonne destination.

Les redirections 301 créent des requêtes HTTP supplémentaires, ce qui signifie une augmentation supplémentaire du temps de chargement de la page, donc dans la mesure du possible, maintenez les redirections 301 au minimum. Nous vous recommandons de trouver vos redirections 301 à l’aide de l’outil Screaming Frog SEO Spider.

7 Utiliser la compression GZIP

La compression et la déflation GZIP réduisent la taille d’un fichier sans altérer la qualité visuelle des images et des vidéos, ce qui peut vraiment aider à améliorer le temps de chargement des pages.

Demandez à votre fournisseur d’hébergement Web s’il a activé la compression et la déflation GZIP sur ses serveurs Web. Si vous utilisez l’hébergement VPS, vous pouvez l’activer vous-même.

8 Activer la mise en cache du navigateur

Lorsque les utilisateurs visitent votre site Web pour la première fois, ils doivent télécharger du contenu HTML, des feuilles de style, des fichiers JavaScript et des images avant de pouvoir voir votre page. Lorsque la mise en cache du navigateur est activée, certains utilisateurs n’auront pas besoin de charger chaque élément de la page Web lors de visites ultérieures.

Les systèmes de gestion de contenu comme WordPress, Joomla et Drupal ont d’excellents plugins de cache pour améliorer la vitesse des pages. Ces plugins réduisent les temps de chargement des pages en mettant en cache la dernière version de votre site Web, de sorte que votre navigateur n’a pas à générer dynamiquement la même page à chaque fois.

9 Mettez CSS en haut et JS en bas

Votre navigateur affichera un fichier CSS avant d’afficher d’autres parties de votre page, donc pour gagner du temps, vous devriez toujours mettre CSS en haut de votre page.

De même, mettez JavaScript au bas de votre page car tout ce qui se trouve en dessous de JavaScript sera bloqué du rendu et du téléchargement jusqu’à ce que le JavaScript soit chargé.

10 Minifiez vos fichiers CSS et JS

Le terme minify désigne le processus de suppression des caractères inutiles qui ne sont pas nécessaires à l’exécution d’un code. La façon la plus courante de réduire les fichiers consiste à fusionner tous les fichiers CSS et JS en un seul, afin que vous n’ayez pas à appeler plusieurs fichiers pour chaque demande individuelle.

Une autre façon de minifier consiste à supprimer les espaces, les sauts de ligne, les commentaires et les délimiteurs de bloc dans JS et CSS pour réduire la taille de ces fichiers.

Les utilisateurs de WordPress peuvent simplement installer un plugin appelé WP Minify pour minifier les fichiers JS et CSS.

11 Désactiver le lien dynamique des images

Le hotlinking ou le vol de bande passante consomme votre bande passante allouée et ralentit votre site Web. Pour empêcher le hotlinking, ajoutez simplement le code ci-dessous à votre fichier .htaccess et téléchargez le fichier dans votre répertoire racine ou dans un sous-répertoire particulier pour localiser l’effet dans une seule section de votre site.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 Comment l’hébergement Web affecte la vitesse de la page

Si vous avez suivi la pratique standard ci-dessus pour améliorer la vitesse de votre page et que vous remarquez toujours une très petite différence, vous devriez vérifier auprès de votre fournisseur d’hébergement Web. Le fournisseur d’hébergement Web et la technologie que vous choisissez peuvent avoir un impact significatif sur les temps de chargement de vos pages.

Lorsque vous chargez un site Web, il exécute des centaines de lignes de code, répond à de nombreuses demandes et exécute un certain nombre de requêtes de base de données pour afficher une seule page. Toutes ces exécutions doivent être effectuées sur le serveur Web, où réside votre site Web. Si votre serveur Web est puissant, il servira votre page Web plus rapidement.

Par exemple, imaginez votre site Web comme une voiture. Vous pouvez le personnaliser en lui donnant une cure de jouvence intérieure (optimisation du code) et extérieure (graphisme, design et mise en page frontale) pour lui donner une belle apparence. Mais si votre moteur (environnement d’hébergement) n’est pas puissant, votre site Web risque de ne pas atteindre son plein potentiel.

En un mot, la vitesse du site Web dépend beaucoup du type d’hébergement Web, de la société d’hébergement Web et du forfait d’hébergement que vous choisissez, alors vérifiez à nouveau ce à quoi vous vous êtes inscrit.

1.5 Dans quelle mesure l’hébergement VPS améliore-t-il la vitesse de chargement des pages ?

Si votre site Web est hébergé sur un compte d’hébergement partagé, envisagez de passer à un VPS ou à un serveur dédié. VPS est livré avec une RAM dédiée, un vCPU et une allocation de bande passante afin que votre site Web fonctionne avec son propre ensemble de ressources. De plus, les utilisateurs de VPS peuvent modifier le VPS pour affiner la vitesse de chargement des pages.

Pour déterminer dans quelle mesure l’hébergement VPS améliore la vitesse de chargement des pages, nous avons effectué un test de vitesse de chargement des pages. Le test a été effectué sur les installations CMS, Magento, WordPress, Drupal et Joomla les plus populaires avec une sur un pack d’hébergement mutualisé et une autre sur un pack SSD VPS. Nous avons trouvé les résultats suivants :

Les résultats mettent en évidence un décalage notable dans le chargement des pages dans l’environnement partagé avec une amélioration majeure lors de la mise à niveau de l’hébergement Web vers VPS. Les solutions d’hébergement VPS sont toujours préférables à l’hébergement partagé pour les sites Web gourmands en ressources et à fort trafic.