5 conseils pratiques pour améliorer la vitesse de votre site web…

Et réparer les pages à chargement lent!

Vous n’avez pas besoin d’être un spécialiste du marketing numérique pour savoir que les pages à chargement lent sont ennuyeuses. Il vous suffit de regarder un écran de chargement pendant plus de trois secondes.

La vitesse de la page (et son terme sœur vitesse du site, la moyenne de plusieurs vitesses de chargement de page sur le site) est le premier élément de votre site avec lequel un client interagit. Vous n’aurez jamais une deuxième chance de faire une bonne première impression.

En plus de leur impact sur l’expérience utilisateur, la vitesse de la page et du site affecte vos efforts de référencement.

En juin 2021, Google a commencé à déployer une expérience de page SEO mise à jour qui combine ses Core Web Vitals avec des signaux de recherche existants tels que la sécurité HTTPS, la convivialité mobile et les directives interstitielles intrusives.

Les Core Web Vitals sont des Signaux Web essentiels que Google a jugés importants pour l’expérience de l’utilisateur Web. Ils incluent la réactivité du site, la stabilité visuelle et d’autres facteurs de page.

Un composant important des Core Web Vitals est la vitesse du site. Si vous avez des pages Web à chargement lent, elles pourraient avoir un impact majeur sur vos résultats de recherche.

Examinons comment déterminer qu’un site Web se charge lentement et apprenons à corriger le chargement lent, afin d’optimiser à la fois vos résultats de recherche et l’expérience utilisateur de votre site.

Comment Google détermine-t-il qu’un site Web se charge lentement?

Il existe quelques signaux Google dans les signaux Web de base qui se concentrent spécifiquement sur la vitesse du site. Il s’agit de :

• Largest Contentful Paint (LCP) : Le signal LCP suit le temps nécessaire au chargement d’une page. Pour déterminer ce temps, Google mesure le temps entre le premier FCP (First Contentful Paint) et le LCP, qui est la plus grande image, photo ou texte en cours de chargement. Si le chargement de la page prend plus de 2,5 secondes, cela indique un temps de chargement lent.
• First Input Delay (FID)/Interactivity: Le FID est une mesure du temps nécessaire à une page pour devenir interactive. Par exemple, FID mesure le temps qu’il faut entre un utilisateur qui clique sur un bouton et l’ouverture d’un nouveau lien pour l’utilisateur. Google recommande que l’interactivité ne prenne pas plus de 100 millisecondes, plus c’est un défi technique qui doit être résolu ou amélioré.

Vous pouvez tester votre site Web à l’aide de PageSpeed Insights de Google pour voir la vitesse de votre page. L’outil mesure FCP, FID, LCP et d’autres aspects de l’évaluation Core Web Vitals. Vous obtiendrez un résultat indiquant si vous réussissez ou non l’évaluation, de sorte que vous saurez si vous devez mettre en œuvre les étapes ci-dessous pour corriger un site Web lent.

Alors, comment pouvez-vous corriger vos pages à chargement lent pour donner aux clients l’expérience qu’ils exigent et méritent?

1.     Comprendre la portée du problème de chargement lent du site Web

Vous ne pouvez pas résoudre un problème sans d’abord comprendre sa portée, en particulier lorsque ce problème est réparti de manière invisible sur un grand volume de pages. Vous aurez besoin d’une ventilation précise de la vitesse du site etde la vitesse de la page.

Il peut être utile d’organiser vos pages auditées en fonction des temps de chargement les plus lents, du volume de service mensuel le plus élevé ou de l’impact commercial le plus large (surtout si vous opérez à l’échelle d’entreprise) afin de pouvoir résoudre les problèmes les plus importants en premier.

Pour les problèmes globaux de vitesse du site, vous souhaiterez peut-être enquêter sur des problèmes tels qu’un mauvais fournisseur de services d’hébergement Web ou l’absence d’un service CDN pour servir du contenu Web aux utilisateurs mondiaux. Des problèmes comme ceux-ci peuvent être résolus pour donner un coup de pouce à la vitesse de votre site.

2.     Réduire pour une meilleure utilisation du site Web

C’est logique à première vue: moins votre page transmet d’informations, plus elle se chargera rapidement. Vos pages de chargement les plus lentes peuvent s’enliser inutilement dans des fichiers non compressés et du code mal optimisé. Évitez les éléments inutiles du site Web tels que:

– Trop de publicités en média enrichi

– Commentaires inutiles

– Espaces blancs excessifs

– Nouvelles lignes vides

– Styles en ligne

Puisque nous optimisons pour la page de résultats des moteurs de recherche (SERP), il est logique d’utiliser des ressources approuvées par Google pour résoudre les problèmes de site Web: HtmlCompressor pour  (natch) HTML  et YUI Compressor pour JavaScript et CSS.

Pour les fichiers eux-mêmes, un outil comme GNU Gzip est une bonne option (mais pas pour les images – nous y reviendrons plus tard). Cet outil de compression demande au serveur de regrouper tous les objets web avant de les envoyer au navigateur qui les demande. Ainsi, la taille des données transférées de votre serveur au navigateur du visiteur est réduite et le service prend moins de temps.

Il existe également des pages mobiles accélérées (Accelerated Mobile Pages ou AMP), un format de page allégé et ultra-léger conçu pour une lisibilité ultime. Bien qu’elles ne soient pas obligatoires, les pages AMP peuvent être une bonne idée pour les pages où vous souhaitez simplement que quelqu’un lise votre contenu.

Ce n’est pas une coïncidence si de nombreux éditeurs ont adopté AMP pour le contenu des articles de presse. Mais attention, en raison de sa base de code minimaliste, certains éléments comme les formulaires ne fonctionneront pas avec AMP.

3.     Mincir votre site Web

La distance la plus courte entre deux points est une ligne droite. Pour nos besoins, ces deux points sont le clic initial et une page entièrement chargée – nous voulons donc le moins de choses possible entre eux.

Trop de feuilles de style, d’images et de scripts gênent. Il en va de même pour les redirections. Il faut que votre site comporte le moins d’éléments supplémentaires possible. Si cela ne sert pas un but réel, il nuit simplement à la vitesse de votre site.

4.     Activer la mise en cache du navigateur pour améliorer le chargement des pages

Un bon moyen d’accélérer le chargement lent des pages est de laisser l’utilisateur faire un peu le gros du travail. La mise en cache du navigateur permet de stocker des parties de votre site dans le cache de l’utilisateur, ce qui signifie qu’une partie du puzzle est déjà terminée lors de visites ultérieures.

Le processus de récupération des données de votre site est accéléré car les futures demandes pour le même contenu sont servies à partir de la mémoire mise en cache.  Vous pouvez mettre en cache des éléments, notamment des images, des requêtes de base de données et HTTP.

Lors des tests, l’activation de la mise en cache du navigateur pourrait réduire de près de deux secondes letemps de chargement.

Même si le temps peut varier, la mise en cache du navigateur est un bon moyen d’atteindre ces objectifs si vous vous concentrez sur les visites répétées et que vous souhaitez que l’expérience de l’utilisateur s’améliore au fil du temps.

5.     Optimisez les images de votre site Web

Le Web moderne est fortement visuel, ce qui signifie que les images peuvent prendre beaucoup de temps de chargement. Les images haute résolution, en particulier, peuvent être plus lentes à charger car elles consomment beaucoup de bande passante.

La bonne nouvelle est qu’il existe de bonnes pratiques que vous pouvez suivre lorsque vous chargez des images sur votre site.

Une recommandation est de compresser vos images pour les optimiser. Vous devez également mettre correctement en cache votre site lorsque des mises à jour d’images et de contenu sont effectuées.

Éviter les fichiers BMP et TIFF peut aider énormément. Les fichiers JPEG sont meilleurs pour les photographies, tandis que les PNG sont meilleurs pour les graphiques de moins de 16 couleurs. Même le recadrage des bords ou la réduction un peu de la profondeur de couleur peut faire la différence.

Sur le plan plus technique, assurez-vous qu’aucune de vos images n’a d’attributs src vides. Cela peut entraîner un trafic inutile.

Amélioration de la vitesse du site Web = amélioration de l’utilisation et de l’expérience

Il est facile d’oublier la vitesse du site, mais c’est l’un des éléments les plus cruciaux et les plus frontaux de tout site. Le temps de chargement moyen des pages sur Internet a en fait augmenté ces dernières années, donc si vous pouvez optimiser la vitesse de votre site, vous vous démarquerez dans la foule.

Les pages à chargement lent signifient une mauvaise UX et potentiellement perdue. Mais une vitesse de site vraiment exceptionnelle peut donner à votre utilisateur une expérience utilisateur significativement meilleure. Et cela peut avoir un impact certain sur votre entreprise.

Vous rencontrez des problèmes avec le chargement lent des pages Web mobiles? Découvrez comment rendre un site Web adapté aux mobiles ?}