Comprendre et optimiser la vitesse de votre site Web

Qu’est-ce que la vitesse de page ?

La vitesse de la page est le temps nécessaire pour que le contenu de la page d’un site Web se charge complètement. Dans un monde où les gens en sont venus à s’attendre à des résultats instantanés, plus vite c’est mieux.
En fait, près de la moitié des internautes s’attendent à ce qu’un site se charge en 2 secondes ou moins, et ils ont tendance à abandonner un site qui n’est pas chargé en 3 secondes, selon des enquêtes réalisées par Akamai et Gomez.com .
Mais combien de temps la plupart des sites Web mettent-ils à se charger ?
Les normes que beaucoup utilisent pour le temps de chargement des pages proviennent d’un étude menée par Geoff Kenyon Où il compare la vitesse du site Web par rapport au reste du Web :
● Si votre site se charge en 5 secondes, il est plus rapide qu’environ 25 % du web ● Si votre site se charge en 2,9 secondes, il est plus rapide qu’environ 50 % du web ● Si votre site se charge en 1,7 seconde, il est plus rapide qu’environ 75 % du web ● Si votre site se charge en 0,8 seconde, il est plus rapide qu’environ 94 % du web
Alors, comment pouvez-vous déterminer comment votre site Web se positionne ?

Comment déterminer la vitesse et le score de votre page

Voici comment mesurer la position de votre site Web :
1. Sautez dans le menu de votre site Web Vitesse du site Google Analytics Rapports. Cela vous donnera une idée de la façon dont Votre site a fonctionné sur différentes périodes de temps et la vitesse de chargement de chacune de vos pages. 2. Entrez l’URL de votre site dans L’outil PageSpeed Insights de Google . Cela vous donnera un bulletin sur les performances de vitesse de votre site Web sur les appareils mobiles et les ordinateurs de bureau. Le rapport est livré avec Voici quelques actions recommandées que vous pouvez prendre pour améliorer la vitesse de votre site. 3. Vérifier Test de vitesse du site web de Pingdom pour connaître la vitesse, le rang et le pourcentage de vitesse moyenne des sites testés par Pingdom 4 . GTMetrix fournira un aperçu complet de l’état d’optimisation de la vitesse de votre site.
Note : Ne vous laissez pas perplexe lorsque vous voyez des synchronisations de vitesse différentes dans Pingdom et Gtmetrix. Comme Pingdom vous montrera le temps de chargement (le temps qu’il faut pour afficher le premier résultat de votre site Web - c’est ce que Google compte et vous devriez aussi) et GTmetrix vous montrera le temps de chargement complet (le temps qu’il faut pour afficher une page complète avec toutes ses fonctionnalités en cours d’exécution).
Pour mieux comprendre, il est toujours bon de voir la cascade de vitesse des deux outils.

Pourquoi la vitesse des pages est-elle importante ?

Combler l’écart entre les attentes des utilisateurs (2 secondes) et le temps de chargement moyen du site Web (5 secondes) est l’objectif de l’optimisation de la vitesse des pages et les tactiques que nous décrirons plus tard. Mais pourquoi exactement la vitesse de la page est-elle importante ? Cela se résume à 3 raisons principales interconnectées :

1. La vitesse tue l’UX

L’expérience utilisateur est probablement la raison la plus importante pour laquelle vous devriez vous soucier de la vitesse du site Web, nous allons donc commencer ici.
Les gens n’ont plus la patience pour les sites Web à chargement lent. Au début, le simple fait de se connecter à Internet nécessitait une tolérance qui n’existe tout simplement plus.
Aujourd’hui, les gens sont constamment en ligne et vous avez 3 secondes maximum pour afficher votre page ou ils sont partis. Plus de 3 secondes créent une mauvaise expérience utilisateur et la barre ne fera que s’élever à l’avenir.

2. La vitesse tue le référencement

L’expérience utilisateur est en fait la force motrice derrière les implications SEO de la vitesse du site. Alors que Google a été lent à révéler officiellement si les sites Web lents recevraient des rétrogradations de classement, il semble que Ces jours arrivent . Vous devez vous assurer que votre site Web est prêt.

3. La vitesse tue les conversions

L’effet de la vitesse de votre site sur les conversions est ce qui devrait vraiment attirer votre attention. Comment pouvez-vous faire avancer les gens dans votre entonnoir si chaque étape prend une éternité ? Vos super-fans le feront, mais ces nouvelles personnes hésitantes qui sont sujettes au remords des acheteurs rebondiront.

8 tactiques pour accélérer le chargement de votre site Web

Accélérer votre site ne se fera pas forcément en un clin d’œil. Si vous avez un petit site léger, vous devrez peut-être essayer quelques tactiques sur cette liste.
Cependant, les sites volumineux et plus anciens avec beaucoup de code et de contenu peuvent nécessiter une certaine persévérance et la mise en œuvre de plusieurs tactiques sur la liste suivante.
Voici par où commencer :

1. Tirez parti de la mise en cache du navigateur :

Lorsque vous visitez des sites, votre navigateur met souvent en cache des pages du site pour accélérer le temps de chargement.
La mise en cache du navigateur stocke les fichiers de ressources de page Web sur un ordinateur local lorsqu’un utilisateur visite une page Web, de sorte que l’utilisation de la mise en cache du navigateur consiste à indiquer aux navigateurs comment leurs ressources doivent être traitées.
Les choses peuvent ralentir lorsque la réponse de votre serveur n’inclut pas d’en-têtes de mise en cache ou si les ressources sont spécifiées pour être mises en cache pendant une courte période.
L’utilisation de la mise en cache chargera vos pages beaucoup plus rapidement pour les visiteurs réguliers, tout comme les autres pages qui partagent ces mêmes ressources.
Voici comment procéder

2. Optimisez les images :

Si les images se chargent plus rapidement, votre site se charge plus rapidement, point final. Google note que “… Les images représentent souvent la plupart des octets téléchargés sur une page. Par conséquent, l’optimisation des images peut souvent générer des économies d’octets et des améliorations de performances parmi les plus importantes.
Cela signifie que vous pouvez obtenir de grandes améliorations lorsque les images de vos pages peuvent être optimisées pour réduire leur taille de fichier sans affecter de manière significative leur qualité visuelle.
Voici comment procéder

3. Minifiez HTML, CSS et JavaScript :

La réduction de la taille minimale supprime tous les caractères inutiles qui ne sont pas nécessaires à l’exécution du code.
Les sources de données redondantes que vous pouvez supprimer incluent les commentaires de code et la mise en forme, la suppression du code inutilisé, l’utilisation de noms de variables et de fonctions plus courts, etc.
Voici comment procéder

4. Activez la compression gzip :

La compression Gzip réduit considérablement la taille des fichiers envoyés depuis votre serveur lorsque quelqu’un visite votre site Web. Cela accélérera considérablement les choses.
D’après GTMetrix ,
« La raison pour laquelle gzip fonctionne si bien dans un environnement Web est que les fichiers CSS et les fichiers HTML utilisent beaucoup de texte répété et ont beaucoup d’espaces. Comme gzip compresse les chaînes de caractères courantes, cela peut réduire la taille des pages et des feuilles de style jusqu’à 70 % !
Voici comment procéder

5. Réduire le temps de réponse du serveur :

Le temps de réponse du serveur est le temps nécessaire à un serveur Web pour répondre à une demande provenant d’un navigateur. Il s’agit d’un problème clé à résoudre car si le temps de réponse de votre serveur est lent, vos pages s’afficheront lentement, quelle que soit l’optimisation de la vitesse de vos pages.
Google dit que vous devriez réduire le temps de réponse de votre serveur à moins de 200 ms. Alors, comment y parvenir ?
Voici comment procéder

6. Évitez les redirections de page de destination :

Votre site peut vraiment ralentir lorsque vous avez plus d’une redirection de l’URL donnée à la page de destination finale. Cela déclenche une boucle de redirection dont le traitement prend du temps.
Voici un Quelques exemples de redirections qui peuvent ralentir les choses :
example.com → m.example.com/home – pénalité de plusieurs allers-retours pour les utilisateurs mobiles. example.com → www.example.com → m.example.com – expérience mobile très lente.
Voici comment procéder

7. Privilégiez le contenu visible :

C’est exactement le message que vous obtiendrez de l’outil PageSpeed de Google lorsque des allers-retours réseau supplémentaires sont nécessaires pour afficher le contenu au-dessus de la ligne de flottaison de la page.
Ce contenu « au-dessus de la ligne de flottaison » est ce que vous voyez sur un ordinateur de bureau ou un appareil lorsque vous visitez une page. Ainsi, la priorité accordée au contenu visible est la recommandation de hiérarchiser les éléments afin que les éléments essentiels de votre page se chargent en premier (et rapidement) pour les utilisateurs et que vous différiez les éléments secondaires de la page tels que les plugins de partage social, les analyses, le javascript, etc.
Voici comment procéder

8. Éliminez le JavaScript et le CSS bloquant le rendu dans le contenu au-dessus de la ligne de flottaison :

Les ressources JavaScript et CSS empêchent souvent votre page de s’afficher tant qu’elle n’est pas entièrement chargée. C’est souvent une bonne idée, car l’affichage prématuré de votre contenu au-dessus de la ligne de flottaison peut sembler assez grotesque.
Cependant, il s’agit d’un message courant que vous recevrez de Google à propos de la vitesse du site, et y remédier peut vraiment faire monter la vitesse de votre page de quelques crans.
Voici comment procéder
Note : C’est la chose la plus difficile à réparer pour la plupart des gens. Il existe des plugins WordPress qui le font, mais ils peuvent faire ressembler votre site à Frankenstein à chaque chargement.
Vous voulez des sites WordPress rapides comme l’éclair, hébergés par Google Cloud ? Contactez-nous dès aujourd’hui !