Ne laissez pas un site Web lent tuer votre marketing de contenu

Dans la société ultra-concurrentielle et toujours en mouvement d'aujourd'hui, personne n'a le temps de ralentir le chargement d'un site Web.

Google pénalise désormais les sites Web maladroits et inefficaces en laissant tomber leur classement dans les pages de résultats des moteurs de recherche (SERP). Les propriétaires de sites Web n'ont que quelques secondes avant que les visiteurs ne deviennent frustrés et passent à autre chose. Ce n'est pas beaucoup de temps pour persuader un visiteur de traîner et de devenir un fan délirant de tout excellent contenu que vous auriez pu créer.

Tout ce que vous pouvez faire pour améliorer la vitesse et l'efficacité, vous devez le faire rapidement, car le pourcentage de personnes qui quittent un site Web lent et ne reviennent jamais est extrêmement élevé.

Alors, comment vous assurez-vous que votre page se charge le plus rapidement possible ? Lisez la suite pour découvrir quelques astuces et conseils de pro qui réduiront les problèmes de latence et accéléreront le processus.

Réduire le nombre de requêtes Hypertext Transfer Protocol

Les requêtes HTTP (Hypertext Transfer Protocol) représentent environ 80 % des temps de chargement des pages Web. Ils se produisent lorsque le navigateur doit extraire une page, une image ou un fichier du serveur. Le navigateur Web moyen n'ouvrira qu'entre quatre et huit de ces connexions à la fois.

Cela signifie que même si vous avez la vitesse théorique, les pages avec de nombreuses requêtes prendront un certain temps à charger. Vous pouvez facilement limiter le nombre de requêtes HTTP en gardant la conception de page propre et simple ou en réduisant le nombre d'images et de fichiers vidéo sur chaque page.

Une autre façon d'accélérer un site Web lent consiste à combiner des fichiers CSS et JavaScript dans un seul fichier plus volumineux. Cela réduit le nombre de fois que le navigateur doit retourner au serveur pour récupérer les fichiers et les charger sur la page Web en réduisant le nombre cumulé de fichiers. Le processus est assez simple pour que même un débutant puisse le faire, et c'est essentiellement le même pour les deux types de fichiers.

Pour combiner des fichiers, il suffit de copier/coller le code d'un fichier à un autre. Une fois que tout le codage approprié est transféré, supprimez les fichiers d'origine et le code HTML supplémentaire. Tout cela nécessite un simple copier-coller et peut être fait dans n'importe quel éditeur de texte, tel que TextEdit sur Mac OS X ou Bloc-notes sur Windows.

Optimisez et compressez vos fichiers

Il existe deux types de fichiers que vous devez compresser pour améliorer les temps de chargement des sites Web : 1) les images et 2) les fichiers de code tels que CSS et JavaScript. Regardons chacun.

Comment compresser des images

Les images occupent la majorité des ressources disponibles des pages Web. Vous devriez examiner votre site et supprimer tout ce qui est inutile. Une fois que vous n'avez que les images que vous souhaitez, exécutez chacune d'elles dans un programme d'optimisation de photos.

Google a un excellent optimiseur d'image dans ses outils de développement. Chaque image doit faire moins de 150 Ko et être de qualité moyenne — environ 72 dpi. Aucune image ne doit être plus large que 1 920 pixels. Parfois, l'optimisation est aussi simple que de changer le format de fichier de vos images.

Pour utiliser l'optimiseur d'image de Google ou tout autre outil d'optimisation, téléchargez simplement une image depuis votre ordinateur, cliquez sur le bouton Optimiser ou Compresser, puis téléchargez l'image nouvellement compressée. La plupart des outils de compression d'images sont capables de compresser des fichiers de 50 % à 5 % seulement de leur taille d'origine, ce qui représente un gain énorme pour la vitesse de la page.

Comment compresser des fichiers CSS

En ce qui concerne les feuilles de style en cascade (CSS), vous pouvez copier tout le codage dans un fichier principal, mais assurez-vous d'utiliser copier/coller plutôt que la commande @import, car cela peut entraîner plus de retards.

Vous pouvez compresser ou réduire le code JS en éliminant les espaces, les commentaires et les sauts de ligne inutiles. Des applications Web gratuites comme Minifier peuvent le faire pour vous. Voici comment utiliser l'outil :

1. Accédez à Minifier.org dans votre navigateur. Connectez-vous à votre tableau de bord WordPress et accédez à Apparence > Éditeur.

2. Ensuite, cliquez sur style.css et copiez tout le code à l'écran.

3. Ensuite, collez le code dans la fenêtre de Minifier. Assurez-vous que CSS est sélectionné, puis cliquez sur le gros bouton MINIFY.

4. Enfin, collez la sortie de l' arrière Minifier dans votre feuille style.css et cliquez sur Fichier de mise à jour.

Toutes nos félicitations! Vous avez maintenant minifié votre code CSS. En d'autres termes, vous l'avez compressé pour économiser de l'espace, accélérant ainsi le chargement de ce code sur votre site.

Vous pouvez répéter le processus avec n'importe quel type de code, y compris JavaScript. Assurez-vous simplement de sélectionner l'option JS dans Minifier avant d'appuyer sur le bouton MINIFY.

Réduisez le nombre de redirections sur votre page

Déplacer ou supprimer des pages peut rationaliser l'apparence de votre site Web, mais cela réduit la vitesse en ralentissant les temps de chargement de vos pages avec des redirections. Vous voyez, chaque fois que vous déplacez ou supprimez une page, le navigateur rencontre un lien obsolète ou cassé et doit se regrouper.

Cela est particulièrement frustrant pour les utilisateurs d'appareils mobiles, qui constituent désormais l'essentiel du trafic Web.

La solution est d'identifier et d'éliminer le problème. Cette astuce nécessite un peu d'investigation, mais il existe des programmes disponibles qui permettront d'identifier rapidement toutes les redirections.

Par exemple, une application appelée GTmetrix vous permet de saisir votre URL dans une barre de recherche sur site et d'obtenir une analyse de performance gratuite sur place qui répertorie toutes les redirections sur votre site.

Utiliser la mise en cache du navigateur

La mise en cache vous permet de télécharger des parties de votre site Web dans un stockage temporaire sur le système d'un utilisateur. La mise en cache du navigateur accélère le chargement de la page à l'avenir. Une astuce connexe consiste à vous assurer que la page d'accueil de votre site Web se charge particulièrement rapidement. Au fur et à mesure que les utilisateurs se déplacent vers le reste de votre site, les temps de chargement de l'ensemble du site sont améliorés grâce à la mise en cache.

WordPress propose plusieurs plugins qui exploitent la mise en cache du navigateur, notamment .htaccess et W3 Total Cache. Si vous voulez le faire à l'ancienne, modifiez le codage dans le fichier .htaccess aux délais d'expiration pour les fichiers image et CSS.

Pour le faire, suivez ces étapes:

1. Tout d'abord, connectez-vous à cPanel.

2. Ensuite, recherchez et lancez le gestionnaire de fichiers.

3. Ensuite, accédez à l'option Paramètres et cliquez sur « Afficher les fichiers cachés ».

4. Maintenant, localisez le répertoire racine et recherchez le fichier .htaccess dans le dossier public_html.

5. Enfin, faites un clic droit sur le fichier .htaccess, cliquez sur « Modifier » et ajoutez le code suivant :
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
## EXPIRES CACHING ##


Cliquez ensuite sur « Enregistrer » et le tour est joué ! Vous êtes prêt.

Choisir un hébergeur fiable

Votre choix d'hébergeur et son type peuvent avoir un impact significatif sur la vitesse du site. Il existe trois options d'hébergement :

1. Le partage est l'option la moins chère. La chose importante à noter est que votre site Web sera emballé sur un serveur avec d'autres. Peut-être plein d'autres. Certains hôtes sont connus pour ne pas fournir des ressources informatiques adéquates telles que l'espace disque, le processeur et la RAM pour le nombre de clients desservis. Pour un site de démarrage ou à faible trafic, cependant, ce n'est pas une option terrible.
2. Un serveur privé virtuel ou VPS est une avancée par rapport à l'hébergement partagé en termes de prix et de service. Bien que votre site soit physiquement situé sur un serveur avec d'autres sites, vous avez votre propre partition et copie du système d'exploitation ainsi que des ressources informatiques dédiées qui ne peuvent pas être siphonnées par le site de votre voisin. Pour les sites à trafic plus élevé et le commerce électronique, où les temps d'arrêt signifient une perte d'argent, il s'agit d'un meilleur choix d'hébergement.
3. Il n'y a pas de niveau de trafic strict et rapide auquel vous aurez besoin d'un serveur dédié, mais si vous voyez régulièrement six chiffres par mois, cela peut valoir la peine d'être envisagé. À 80 $ à 100 $ par mois, c'est l'option la plus chère mais, plutôt que de l'espace sur un serveur, vous aurez tout le serveur pour vous et aucune limite sur les ressources allouées.

Un rapport récent de Hosting Canada, un organisme de recherche soutenu par la communauté, note que la différence de vitesse de chargement des pages, même entre des hébergeurs Web bien connus, peut être considérable. Par exemple, une décennie de tests a révélé que les temps de chargement moyens allaient de 226 ms à 2 850 ms selon l'hôte particulier.

Lorsqu'il s'agit de retenir les visiteurs pour la première fois assez longtemps pour susciter l'intérêt de rester, des fractions de seconde de retard peuvent les faire repartir pour ne jamais revenir. Ce ne serait pas la pire idée au monde de tester régulièrement la vitesse de votre site Web sur Pingdom. Déposez simplement votre URL dans le formulaire et cliquez sur « commencer le test ». Si vous apportez des modifications sur la base de cet article et que vous ne constatez aucune amélioration, il est peut-être temps d'essayer un autre hébergeur. Certains hébergeurs proposent des outils pour analyser et optimiser la vitesse du site Web.

Si votre site Web comprend des vidéos ou d'autres fichiers volumineux, il est logique de les héberger en externe. L'utilisation de vos propres serveurs fera exploser la bande passante disponible, ce qui amènera votre site à un crawl.

En maximisant à plusieurs reprises la bande passante qui vous est allouée, vous risquez en fait de violer les conditions d'utilisation de votre société d'hébergement, ce qui peut entraîner la suppression de l'intégralité de votre site.

L'utilisation d'un site d'hébergement externe pour le contenu vidéo, tel que YouTube, optimise l'expérience des téléspectateurs tout en gardant votre site Web en règle avec votre société d'hébergement.

Utiliser un réseau de diffusion de contenu

Lorsque vous utilisez un réseau de diffusion de contenu (CDN), votre site Web est « mis en cache » – une autre façon de dire « stocké » – sur un réseau de serveurs géographiquement dispersés.

Cela permet d'éliminer virtuellement les retards de chargement qui se produisent lorsque les serveurs d'hébergement sont éloignés des ordinateurs demandeurs.

Les pages qui dépendent de l'image bénéficieront le plus de l'utilisation d'un CDN.

Pensée finale

Récapitulons les points pertinents pour améliorer la vitesse lente d'un site Web :

1. Réduisez le nombre de requêtes HTTP. Une requête est générée à chaque fois que le navigateur demande un fichier au serveur. Essayez une approche de conception minimaliste.
2. Optimisez ou compressez les fichiers pour les images et les fichiers de code comme CSS et JavaScript.
3. Réduisez le nombre de redirections. Au fil du temps, les modifications du site naturel entraînent des redirections, ce qui prend du temps pendant que le navigateur essaie de comprendre où le lien est censé aller. Gardez-les nettoyés.
4. Activez la mise en cache du navigateur. Il enregistre des fichiers statiques dans la mémoire du navigateur d'un utilisateur, ce qui accélère le chargement du site Web lors de futures visites.
5. Choisissez un hébergeur fiable et passez de l'hébergement partagé à l'hébergement VPS lorsque vous prenez la performance au sérieux.
6. Abonnez-vous à un service CDN. Conserver des copies de votre site dans des emplacements géographiques dispersés permet une livraison plus rapide aux utilisateurs finaux.

Il y a une variété de choses qui affectent les temps de chargement des sites Web. L'optimisation n'est pas un processus statique, mais plutôt quelque chose à surveiller et à ajuster en permanence. Grâce à la réalité d'un internet de plus en plus sophistiqué, la vitesse d'un site va naturellement se dégrader avec le temps. Vous allez devoir vous battre juste pour rester calme.

Mais pourquoi aller jusqu'à créer une excellente campagne de marketing de contenu si personne ne traîne pour la voir ? Bonne chance!