12 façons pratiques d’améliorer la vitesse de la page

Avoir une vitesse de page rapide est certainement essentiel pour améliorer le classement des moteurs de recherche de votre site Web, les taux de conversion et les expériences utilisateur globales.

Si votre site Web ne fonctionne pas à des performances optimales, cette lenteur pourrait vous coûter cher en termes de classement inférieur et de trafic organique. La vitesse de la page a un effet important sur le comportement des utilisateurs et les conversions de votre site Web.

En général, les utilisateurs n’attendront que trois secondes avant d’abandonner le navire. Environ 44% des internautes déclarent également devenir anxieux à propos de la transaction lorsque le site se charge plus lentement.

En parcourant différents produits sur votre site, il devient très frustrant lorsque les utilisateurs doivent attendre encore 10 secondes pour naviguer. Même un retard de deux secondes dans le temps de chargement peut entraîner un taux d’abandon de 87 % sur les transactions. Une seule seconde de retard peut également entraîner une perte de 7 % des conversions de clients. Cela peut affecter négativement vos revenus, en particulier lorsque vos visiteurs aggravés se tournent vers vos concurrents les plus proches.

« Deux tiers (67 %) des acheteurs britanniques et plus de la moitié (51 %) de ceux aux États-Unis ont déclaré que la lenteur du site était la principale raison pour laquelle ils abandonnaient un achat. »

Imaginons que votre site Web compte un million de visiteurs par mois, un prix moyen des produits de 10 $ et un taux de rebond de 50 %, un temps de chargement de la page produit de six secondes entraînerait une perte de conversion de 42 % ! Cela équivaut à 250 000 utilisateurs qui quittent votre site Web et n’effectuent aucun achat en raison des temps de chargement lents. Sur une base mensuelle, cela vous coûterait 2,1 millions de dollars en perte de revenus. En outre, une étude de cas prouve que la vitesse lente des pages coûte aux détaillants 1,73 milliard de livres sterling en ventes perdues chaque année.

Maintenant, il est clair qu’une vitesse de site Web plus lente peut être préjudiciable à vos résultats, mais elle peut également nuire à votre classement dans les moteurs de recherche. Google aime les sites Web qui offrent une bonne expérience utilisateur et vérifie souvent cela via le pogo sticking et le temps d’attente. La durée pendant laquelle les utilisateurs restent sur votre site Web avant de revenir aux résultats des moteurs de recherche est utilisée pour décrire à quel point votre site est informatif et utile. Bien que la durée moyenne du site Web, votre nombre de visiteurs récurrents par rapport aux visiteurs uniques, les taux de sortie et les taux de rebond ne soient pas des facteurs de classement de recherche, ils jouent un rôle essentiel dans l’expérience utilisateur, qui est le facteur de classement de recherche ultime pour Google.

Comme nous en avons déjà discuté, une faible vitesse de page affecte gravement les expériences de vos utilisateurs et entraîne une chute des classements des moteurs de recherche qui ne vous fera pas remarquer. Par conséquent, il est crucial que vous accélériez votre site Web pour éviter les pertes indésirables sur l’ensemble de votre travail acharné. Je vous recommande de vérifier la vitesse de votre site via l’outil Google PageSpeed. Si vous n’êtes pas à 100, ne vous inquiétez pas car même Google.com n’a pas 100/100. Voici les vitesses de page des 10 meilleurs sites Web au monde :

1. Google – 92/100 (ordinateur de bureau) et 78/100 (mobile)
2. Facebook – 89/100 (ordinateur de bureau) et 71/100 (mobile)
3. YouTube : 74/100 (ordinateur de bureau) et 75/100 (mobile)
4. Baidu – 98/100 (ordinateur de bureau) et 100/100 (mobile)
5. Yahoo – 81/100 (ordinateur de bureau) et 66/100 (mobile)
6. Wikipédia – 85/100 (ordinateur de bureau) et 66/100 (mobile)
7. Amazon – 87/100 (ordinateur de bureau) et 46/100 (mobile)
8. Twitter – 81/100 (ordinateur de bureau) et 45/100 (mobile)
9. Taobao – 80/100 (ordinateur de bureau) et 59/100 (mobile)
10. QQ- 58/100 (ordinateur de bureau) et 41/100 (mobile)

Google recommande que les sites Web s’efforcent d’atteindre une vitesse de page idéale de 85 ou plus pour leurs versions de bureau et d’appareils mobiles. Assurez-vous que votre site Web est compatible avec n’importe quel appareil mobile, car Google lancera une mise à jour Mobile Friendly le 21 avril. Évitez les erreurs courantes de référencement mobile pour vous assurer que votre site ne sera pas affecté par cette mise à jour.

Il est surprenant de constater que seulement 14 % des 100 meilleurs sites Web s’ouvrent en moins de trois secondes et que près d’un dixième ont mis 10 secondes ou plus pour fonctionner correctement. Cependant, cela ne sera probablement pas bon pour votre entreprise. Alors, concentrez-vous sur la création d’un site Web ultra-rapide qui sera pratique pour vos utilisateurs et plus rentable pour votre portefeuille. Vous trouverez ci-dessous mes 12 meilleurs conseils pour commencer facilement à accélérer la vitesse de votre page.

1 Optimisez vos images

Avant tout, vous devrez optimiser toutes les images présentées sur votre page Web pour avoir une chance d’accélérer votre site Web. Supprimez les commentaires supplémentaires, l’espace inutile et les couleurs inutiles de la source de vos images. Enregistrez vos images au format JPEG car il utilise le moins de capacité tout en conservant une qualité d’image parfaite. Dans Photoshop, vous pouvez utiliser CTRL+MAJ+ALT+S pour optimiser et enregistrer automatiquement les images à la plus petite taille possible.

Pour votre site WordPress, je conseille d’utiliser le plug-in smush.it pour optimiser automatiquement les images de votre site Web et bénéficier d’un gain de vitesse. Si vous avez des images enregistrées au format PNG, vous pouvez également utiliser tinypng pour optimiser l’image et améliorer également la qualité de l’image.

2 Activer la compression GZip

La compression GZip peut sembler compliquée, mais c’est simplement un grand terme utilisé pour réduire la taille de la réponse HTTP afin d’améliorer le temps de réponse. Étant donné que cela permet à votre site d’envoyer un fichier GZip au lieu d’un fichier HTML au navigateur, vous réduirez le temps d’attente et le temps de chargement de la page. Pour le serveur Apache, vous pouvez l’activer en ajoutant le code suivant à votre fichier .htaccess :

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Cependant, assurez-vous de vérifier votre travail avec le vérificateur de compression GZip. Si le code n’active pas la compression, supprimez l’ancien et utilisez le code ci-dessous :

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

Ou utilisez le code PHP suivant en haut de votre fichier HTML/PHP :

3 Tirez parti du cache de navigation

Un cache de navigation est utilisé pour stocker certains fichiers d’un site Web dans le navigateur, mais avoir un cache de navigation obstrué peut réduire considérablement le temps de chargement. Heureusement, vous pouvez tirer parti du cache de navigation en activant les en-têtes d’expiration dans le fichier .htaccess. Utilisez le code suivant pour activer cette fonction :

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##

L’utilisation de l’en-tête expires pose cependant un problème auquel vous devez faire attention. Une fois que vous avez défini une expiration d’un mois pour un fichier, toute modification apportée à ce fichier ne sera pas reflétée pour un utilisateur qui a déjà visité la page au cours du dernier mois. Il est généralement courant de fixer une date d’expiration pour un an, car il y a moins de chances qu’il y ait des changements au cours de cette période. Vous pouvez utiliser soit le dernier en-tête modifié, soit un en-tête etag pour les ressources pouvant être mises en cache.

4 Activer Keep-Alive

L’en-tête Keep-Alive est important pour réduire la période de latence des requêtes ultérieures entre le navigateur et le serveur. Une fois que vous avez appuyé sur le bouton Entrée pour ouvrir un site, les navigateurs demandent au serveur d’envoyer le fichier html de la page Web en question. Ensuite, le navigateur lit. S’il existe un script Java ou CSS, il demande à nouveau au serveur d’envoyer les fichiers respectifs. Comme vous pouvez l’imaginer, ces communications augmentent le temps de chargement de votre page.

Utilisez un en-tête Keep-Alive pour maintenir la connexion une fois que les fichiers complets ont été transférés vers le navigateur pour être visualisés. Vous trouverez ci-dessous le code utilisé dans le fichier .htaccess pour l’activer.

 Header set Connection keep-alive 

5 Utiliser CDN

Le réseau de diffusion de contenu (CDN) est un ensemble de serveurs Web répartis sur plusieurs sites dans le but de fournir plus efficacement le contenu demandé aux visiteurs. Vous pouvez utiliser Amazon cloud front ou MaxCDN pour activer le CDN sur votre site Web.

6 Minifier le CSS

Minifier les feuilles de style en cascade (CSS) signifie simplement réduire la taille du CSS en supprimant tout espace blanc supplémentaire. Faites attention aux codes inutiles qui ralentissent également votre temps de vitesse. Minifiez votre CSS et utilisez le nouveau code pour charger votre site beaucoup plus rapidement. Peu importe que vous utilisiez votre CSS en ligne, combiné ou avec des fichiers externes, plus petit sera toujours mieux.

7 Minifier HTML & Javascript

Dans le même ordre d’idées, vous devez minimiser HTML et Javascript pour accélérer considérablement le chargement de vos pages. Cela offrira également une meilleure expérience utilisateur.

8 Évitez les redirections

La redirection est un sentiment d’irritation accablant pour les visiteurs du site Web. C’est comme aller chez un ami et découvrir ensuite que votre ami a déménagé dans une autre maison à trois pâtés de maisons. Être redirigé vers d’autres pages Web prend plus de temps, réduit votre vitesse de chargement et fait gémir vos utilisateurs de frustration. Donc, je vous conseille toujours d’éviter les redirections sur n’importe quelle page de votre site Web à moins que vous n’ayez pas d’autre choix.

9 Spécifier un jeu de caractères

La spécification du jeu de caractères pour un site Web est une autre excellente technique pour accélérer le rendu du navigateur pour des chargements de page ultra-rapides. Il est également simple à réaliser en utilisant le code suivant dans l’en-tête :

En outre, de nombreux CMS utilisent un script PHP pour ajouter le jeu de caractères dans l'en-tête. Si cela vous convient, vous pouvez également utiliser le code au lieu d'un script. Dans tous les cas, vous ferez de grands progrès dans la réduction de la demande de fonction d'appel.

10 Réduire le temps de réponse du serveur

Le temps de réponse du serveur est le terme utilisé pour décrire le temps passé entre la demande du navigateur au serveur et le chargement final de la page. Le temps de réponse de votre serveur dépendra du nombre de requêtes par les navigateurs et des configurations de votre serveur. Assurez-vous que le temps de réponse de votre serveur est court pour obtenir les meilleurs résultats.

11 Évitez les mauvaises demandes

Imaginez aller au restaurant et demander votre plat préféré, mais la serveuse vous dit que la cuisine manque d'un ingrédient essentiel. C'est à quel point il est frustrant pour les visiteurs du site Web de recevoir une erreur 404 ou 410 à la place de leur destination recherchée. Ces mauvaises requêtes peuvent avoir un effet extrêmement néfaste sur la vitesse de la page. Ainsi, il est recommandé d'essayer de les éviter à tout prix sur vos pages. Check My Link peut vous aider à trouver les liens 404 brisés et à les éliminer rapidement pour améliorer l'expérience utilisateur.

12 codes de suivi de fossé, intégrations vidéo et boutons de partage

De nombreux webmasters pensent que l'utilisation de plusieurs codes de suivi pour fournir des intégrations et des boutons de partage offrira une meilleure expérience utilisateur. En réalité, ils jouent tellement avec leurs sites Web qu'il y a trop de demandes adressées au serveur. Par exemple, un iframe appelle une nouvelle page complète à afficher sur la page existante, ce qui réduit automatiquement la vitesse du site Web. L'abandon de ces codes de suivi, des intégrations vidéo et des boutons de partage améliorera certainement la vitesse des pages de votre site Web et augmentera le plaisir de vos visiteurs.

Conclusion

Dans l'ensemble, il est important que vous ne laissiez pas glisser le temps de chargement de votre page simplement pour s'adapter à un design plus esthétique ou à une nouvelle fonctionnalité astucieuse. Les visiteurs du site Web se soucient généralement plus de la vitesse de la page que de toutes ces cloches et sifflets superflus. Avoir un site Web à chargement lent est un moyen infaillible de tuer vos résultats et votre classement dans les moteurs de recherche. En fait, 47 % des consommateurs s'attendent à ce que les pages Web se chargent en moins de deux secondes !

Alors, ne faites pas attendre les utilisateurs de votre site Web pour parcourir votre contenu épique. Assurez-vous d'utiliser ces 12 conseils simples pour créer un site Web qui s'ouvre facilement pour chaque visiteur. Il a été prouvé que toutes ces tactiques stratégiques augmentent les temps de chargement des pages ainsi que le classement Google et l'expérience utilisateur globale lorsqu'elles sont utilisées correctement.

J'espère que vous avez apprécié la lecture de ce guide. Si vous avez d'autres questions, n'hésitez pas à les poser ci-dessous dans la section des commentaires. N'oubliez pas de faire passer le mot à vos amis sur votre page de médias sociaux également !