Conseils pour améliorer la vitesse des sites Web / Comment accélérer les sites Web

Comment les développeurs peuvent-ils accélérer le chargement de leurs sites Web?

La vitesse du site Web a un impact énorme sur l’expérience utilisateur, le référencement et les taux de conversion. L’amélioration des performances du site Web est essentielle pour attirer du trafic vers un site Web et fidéliser les visiteurs du site. Ici, nous passons en revue les étapes que les développeurs peuvent suivre pour rendre un site Web plus rapide:

Testez les performances du site Web

Les tests de vitesse du site Web évaluent les performances d’un site Web. Tester régulièrement un site Web peut aider les développeurs à suivre les dégradations ou les améliorations des performances. Un test de vitesse devrait également aider les développeurs à identifier tout ou partie des domaines qui ralentissent les performances du site Web et les domaines à améliorer.

Il existe de nombreux tests de vitesse de site de haute qualité pour mesurer les performances, dont beaucoup sont gratuits. WebPageTest.org (qui est partenaire de Cloudflare) propose plusieurs tests gratuits et produit des ventilations détaillées de la rapidité avec laquelle les éléments individuels d’une page se chargent. Test de pages Web.org permet également aux développeurs de tester des sites Web pour différents appareils et vitesses de connexion réseau.

Google propose également des informations PageSpeed pour des tests de performances détaillés. Les outils de développement Google Chrome peuvent également aider les développeurs à évaluer les performances de leur site ; l’onglet Réseau affiche toutes les requêtes HTTP, la taille des ressources demandées et le temps nécessaire aux demandes avant qu’elles ne soient satisfaites.

Utilisez un CDN (réseau de diffusion de contenu)

Les CDN accélèrent la vitesse des sites Web en mettant en cache le contenu à plusieurs endroits dans le monde. Les serveurs de mise en cache CDN sont généralement situés plus près des utilisateurs finaux que l’hôte ou le serveur d’origine. Les demandes de contenu vont à un serveur CDN au lieu de se rendre jusqu’au serveur d’hébergement, ce qui peut représenter des milliers de kilomètres et sur plusieurs réseaux autonomes de l’utilisateur. L’utilisation d’un CDN peut entraîner une diminution massive des temps de chargement des pages.

Optimiser les images

Les images représentent un pourcentage important du trafic Internet, et elles sont souvent les plus longues à charger sur un site Web, car les fichiers image ont tendance à être plus volumineux que les fichiers HTML et CSS. Heureusement, le temps de chargement de l’image peut être réduit grâce à l’optimisation de l’image. L’optimisation des images implique généralement de réduire la résolution, de compresser les fichiers et de réduire leurs dimensions, et de nombreux optimiseurs d’images et compresseurs d’images sont disponibles gratuitement en ligne.

Réduire la taille des fichiers CSS et JavaScript

Réduire le code signifie supprimer tout ce dont un ordinateur n’a pas besoin pour comprendre et exécuter le code, y compris les commentaires de code, les espaces et les points-virgules inutiles. Cela rend les fichiers CSS et JavaScript légèrement plus petits afin qu’ils se chargent plus rapidement dans le navigateur et prennent moins de bande passante. À elle seule, la minification n’entraînera que des améliorations de vitesse minimales. Cependant, mis en œuvre avec ces autres conseils, il se traduira par de meilleures performances du site Web.

Réduire le nombre de requêtes HTTP si possible

La plupart des pages Web nécessitent que les navigateurs effectuent plusieurs requêtes HTTP pour divers éléments de la page, y compris des images, des scripts et des fichiers CSS. En fait, de nombreuses pages Web nécessiteront des dizaines de ces demandes. Chaque requête entraîne un aller-retour vers et depuis le serveur hébergeant la ressource, ce qui peut augmenter le temps de chargement global d’une page Web. De plus, avec des ressources chargées par plusieurs fournisseurs différents, un problème avec l’un des hôtes pourrait avoir un impact sur la capacité de la page Web à se charger rapidement, voire pas du tout.

En raison de ces problèmes potentiels, le nombre total d’actifs que chaque page doit charger doit être réduit au minimum. En outre, un test de vitesse devrait aider à identifier les requêtes HTTP qui prennent le plus de temps. Par exemple, si les images provoquent un chargement lent d’une page, les développeurs peuvent rechercher une solution d’hébergement d’images plus rapide (telle qu’un CDN).

Utiliser la mise en cache HTTP du navigateur

Le cache du navigateur est un emplacement de stockage temporaire où les navigateurs enregistrent des copies de fichiers statiques afin qu’ils puissent charger les pages Web récemment visitées beaucoup plus rapidement, au lieu de devoir demander le même contenu encore et encore. Les développeurs peuvent demander aux navigateurs de mettre en cache des éléments d’une page Web qui ne changeront pas souvent. Les instructions pour la mise en cache du navigateur se trouvent dans les en-têtes des réponses HTTP du serveur d’hébergement. Cela réduit considérablement la quantité de données que le serveur doit transférer au navigateur, raccourcissant les temps de chargement pour les utilisateurs qui visitent fréquemment certaines pages.

Minimiser l’inclusion de scripts externes

Tous les éléments de page Web scriptés chargés depuis un autre endroit, tels que les systèmes de commentaires externes, les boutons CTA ou les fenêtres contextuelles de génération de leads, doivent être chargés à chaque chargement d’une page. Selon la taille du script, ceux-ci peuvent ralentir une page Web ou empêcher le chargement simultané de la page Web (c’est ce qu’on appelle le « saut de contenu » ou le « décalage de mise en page » et cela peut être particulièrement frustrant pour les utilisateurs mobiles).

N’utilisez pas de redirections, si possible

Une redirection est lorsque les visiteurs d’une page Web sont redirigés vers une page différente à la place. Les redirections ajoutent quelques fractions de seconde, ou parfois même des secondes entières, au temps de chargement de la page. Lors de la création d’un site Web optimisé pour les performances, chaque seconde compte. Les redirections sont parfois inévitables, mais elles ne doivent pas être utilisées si elles ne sont pas nécessaires.