Comment accélérer votre site Web pour un meilleur classement dans les résultats de recherche

Article écrit par:
  • Search Engine Optimization
  • Mise à jour: avril 24, 2018

* Remarque: ce billet a été publié pour la première fois en mars 2013. Certains des outils que j'ai mentionnés ici sont peut-être dépassés.

Ce n’est un secret pour personne que Google utilise maintenant la vitesse du site comme l’un des facteurs de classement. Le blog Google Webmaster Central a fait une annonce officielle à ce sujet il y a quelques années:

Vous avez peut-être entendu dire qu'ici, chez Google, nous sommes obsédés par la vitesse, dans nos produits et sur le Web. Dans le cadre de cet effort, nous intégrons aujourd'hui un nouveau signal dans nos algorithmes de classement de recherche: la vitesse du site. La vitesse du site reflète la rapidité avec laquelle un site répond à ses requêtes…

Et Matt Cutts a maintes fois évoqué l’importance de l’optimisation de la vitesse des sites Web dans son vidéos et les blogs.

Tout en cherchant et en lisant davantage sur ce sujet, je suis tombé sur plusieurs études de cas qui confirment à ce sujet - En un article sur Search Engine Watch, Work Coach Cafe a gagné un trafic 40% organique supplémentaire après avoir nettoyé ses codes et ses liens brisés; sur un autre étude de casLe PDG de SmartFurniture.com a confirmé que le site avait pris une avance considérable dans le classement des moteurs de recherche simplement en augmentant les performances de son site.

Un temps de chargement de page plus rapide équivaut également à une meilleure conversion

Mais attendez, il y a plus de raisons pour lesquelles vous devriez prendre le temps d'accélérer votre site web.

Lors d'une étude sur les utilisateurs de sites de voyages, j'ai appris que 57% des utilisateurs de sites Web n'attendraient que trois secondes ou moins avant d'abandonner un site.

La recherche populaire chez TagmanIl en ressort qu'une augmentation du temps de chargement d'une page peut entraîner une perte de près de 7 dans les conversions client.

Dans une autre étude de cas chez Cloud Living, l'engagement des visiteurs du site a été amélioré de 19% (durée moyenne de la session, voir image) après l'optimisation de la vitesse du site.

Site plus rapide = Plus de visites de pages par session et durée plus longue. La source: Tung Tran, CloudLiving.com.

En bref, le temps de chargement des pages affecte non seulement le classement des recherches, mais également le taux de conversion et la portée des visiteurs. Pour des statistiques plus similaires, assurez-vous de visiter Mashable pour cette belle infographie.

Des moyens faciles d'améliorer la vitesse de votre site Web

Lorsque j'ai appris l'existence de toutes ces choses il y a deux ans, je me suis dit «Waouh, il y a tellement d'avantages à cela!». Ce qui vient ensuite est inévitablement la question «comment». Comment pouvons-nous accélérer nos sites Web? Comment pouvons-nous mesurer la vitesse de notre site Web et comparer avec les autres? Comment pouvons-nous faire les choses sans entrer dans trop de détails techniques?

Ian Lurie a écrit Moyens 29 d'accélérer votre site Web retour en mars 2011 et c'est un vrai bijou. Si vous souhaitez vraiment améliorer la vitesse de votre site Web, vous devez suivre toutes les astuces présentées dans l'article.

Cependant, nombre de ces solutions peuvent aller au-delà des compétences techniques des propriétaires de sites Web et des blogueurs habituels.

Je pensais donc que je reviendrais sur ce sujet et chercherais des solutions simples pour que les utilisateurs non avertis puissent mettre en œuvre leurs applications sans dépenser trop de temps et d’énergie.

1. Slim Down Votre site

Souvent, lorsqu'un temps de chargement de page est lent, cela signifie simplement que la page est en surpoids.

La solution est simple: allez au régime!

Faites un examen approfondi de votre site Web et posez-vous ces questions:

  • Conservez-vous trop de CSS inutilisés sur le serveur? Supprime-les!
  • Vos images sont-elles trop grandes? Optimisez-les avec Photoshop, Fireworks ou Smush It si aucun logiciel graphique n'est installé sur votre PC.
  • Avez-vous des en-têtes HTTP excessifs? Retirez-les!
  • Conservez-vous trop de commentaires de spam? Les commentaires non supprimés dans votre boîte de courrier indésirable ralentiront simplement le temps de réponse de votre base de données. Retirez-les dès que possible!
  • Utilisez-vous trop de plugins sur votre CMS? Utilisez-vous des plugins et des scripts obsolètes sur votre site? Eh bien, il est temps de faire un travail de nettoyage et de mise à jour.
  • Votre JavaScript est-il trop lourd? Minify et compresser!

Bien que ces astuces semblent assez simples, je ne serai pas surpris de voir des webmasters expérimentés ou des concepteurs Web ne pas suivre le rythme.

Il y a quelques années, j'étais négligent et je ne savais pas que le thème WordPress que j'utilisais a un <? Php wp_get_archives ('type = mensuel'); ?> incorporé dans le fichier header.php.

Inutile de dire que la fonction génère des dizaines de lignes inutiles dans les fichiers HTML au fil du temps. C'est une erreur stupide qui peut être corrigée en quelques secondes, mais cela m'a pris plus de 2 années pour m'en rendre compte, car je ne cherchais pas sur mon propre code source.

2. Évitez les HTTP 300, 400 et 500 inutiles

HTTP 300 fait référence à des redirections de serveur, HTTP 400 à des problèmes d'authentification et HTTP 500 à des erreurs de serveur - tous ces résultats pour les demandes HTTP entraînent des allers-retours inutiles * pour les navigateurs. Bien que certains HTTP 300 soient inévitables (tels que la redirection 301 vers un nouvel emplacement de page), vous devez examiner toutes les erreurs HTTP 400 et 500 et essayer de les corriger toutes.

* Qu'est-ce qu'un temps d'aller-retour de toute façon?

En règle générale, une page Web pèse approximativement 1,100KB et se compose d’objets 100 (la source) un navigateur Web ne peut demander que des objets 2 - 6 à la fois, en fonction de la configuration de l'utilisateur. L'aller-retour est le nombre d'allers-retours qu'il faut au navigateur pour ouvrir une page complètement. Par exemple, pour charger une page Web avec des objets 100, un navigateur configuré pour transporter les demandes 5 à la fois prend des allers-retours 20 pour charger la page Web. Étant donné que les temps d'aller-retour sont moindres, plus une page Web se charge rapidement; nous devrions minimiser le nombre d'objets disponibles sur une page.

3. Utiliser des sprites CSS

Les sprites CSS font référence à la technique qui consiste à combiner plusieurs images en un seul fichier et à en afficher des parties à la fois pour les utilisateurs. L'utilisation de sprites CSS réduit le nombre d'allers-retours entre navigateurs et accélère ainsi le chargement des pages Web.

Maintenant, attendez, je sais que cela peut sembler un peu trop pour certains d’entre vous qui n’aiment pas avoir les mains mouillées sur CSS mais croyez-moi, le concept est beaucoup plus simple qu’il ne le paraît. Et, le meilleur de tout, il existe des outils gratuits en ligne qui peuvent faire avancer les choses sans toucher aux codes CSS. Check-out Sprite Me et Sprite Pad - les choses peuvent être faites en quelques glisser-déposer et clics.

Sprite Pad

Sprite Pad

Sprite Me

Sprite Me

Pour des lectures supplémentaires et des exemples de sprites CSS, visitez le site ce et ce tutoriel.

4. Évitez d'utiliser CSS @import

La fonction CSS @import aide à charger une feuille de style externe sur votre page Web. Le problème, c’est que cela ajoute simplement des temps de réponse supplémentaires et augmente le temps de chargement de votre page Web. Pour résoudre ce problème, utilisez simplement une balise <link>.

Si vous êtes un blogueur occasionnel et n'avez aucune idée de ce dont je parle, allez simplement jeter un coup d'oeil sur votre header.php (si vous utilisez WordPress), ctrl + F et recherchez "@import", déplacez les fichiers .css sur le même serveur si nécessaire, remplacez les lignes @import par <link>.

Exemple, remplacez

@import url ("../ style1.css"); @import url ("../ style2.css")

à

<link rel = "stylesheet" href = "style1.css"> <link rel = "stylesheet" href = "style2.css">

5. Mettre à jour votre CMS

C'est une évidence, non? Les mises à jour ont pour but d'améliorer les performances et la sécurité. Le moins que vous puissiez faire pour vos visiteurs est de les conserver sur une plate-forme CMS mise à jour.

6. Cache tout ce que vous pouvez mettre en cache

De nos jours, dans la plupart des cas, je compte sur un plugin tiers pour la mise en cache. D'une part, je suis trop paresseux pour y regarder; deuxièmement, il y a des pros qui peuvent faire les choses beaucoup mieux que moi, pourquoi gaspiller mon énergie dans cela? Si vous utilisez WordPress, essayez WP Super Cache - c’est l’un des cache les plus populaires. WP plugin à ce moment de l'écriture. Si vous êtes Joomla, consultez Cache Cleaner.

En résumé, ces plugins aident à mettre en cache la dernière version de votre page Web et à réduire le besoin de générer du contenu dynamique lors d'une visite répétée.

Il y a beaucoup de détails techniques à traiter dans ce sujet, n'hésitez pas à en lire plus à ici et ici .

7. Se connecter à un réseau de diffusion de contenu (CDN)

Un CDN stocke vos fichiers statiques sur des serveurs du monde entier et dessert vos pages Web à partir de différents serveurs en fonction de l'emplacement de l'utilisateur. Par exemple, lorsqu'un utilisateur de Malaisie accède à votre site Web, le CDN vous fournira le contenu Web (principalement des fichiers statiques tels que des images et des fichiers HTML) à partir du serveur situé en Asie, par exemple à Singapour; Par contre, si l'utilisateur est situé au Mexique, le réseau choisira de diffuser le contenu depuis un serveur plus proche, par exemple aux États-Unis.

Il existe différentes marques de CDN, mais en général, les CDN peuvent être regroupés en deux catégories: Pull CDN et Push CDN. Pour plus de détails, je vous suggère de jeter un coup d’œil sur certains services réputés de CDN tels que MaxCDN et CloudFlare.

8. Considérez un meilleur hébergeur Web

Si vous êtes sérieux au sujet de modifier votre site plus rapidement, envisagez choisir un meilleur hébergement.

Il y a environ un an, j'ai remplacé l'un de mes sites Web depuis un compte d'hébergement partagé chez Hostgator par Moteur WP (un hébergement basé sur le cloud). Les choses ont radicalement changé depuis que j'ai déménagé. La vitesse moyenne de chargement des pages a été réduite de plus de 900ms à 500ms - une amélioration presque de 100 (voir le graphique ci-dessous).

Vitesse de chargement de la page du rapport

Leçon apprise: Parfois, vous ne pouvez tout simplement pas compter sur les produits bon marché. Si vous payez moins de 5 par mois, ne vous attendez pas à maîtriser ce jeu de vitesse. Si vous souhaitez que votre site Web charge rapidement l'éclairage, le moyen le plus simple de le faire est de le remplacer par un meilleur hébergeur.

9. Optimiser votre base de données

Si vous êtes sur MySQL, les choses peuvent être faites facilement sur phpMyAdmin. Et si vous êtes sur WordPress, les choses peuvent être faites encore plus facilement avec le bon plugin. WP Optimiser, par exemple, vous permet de nettoyer votre base de données en quelques clics.

10. Placez vos scripts au pied de page chaque fois que c'est possible

Un moyen simple d'améliorer le temps de chargement de vos pages du point de vue des visiteurs consiste à placer des codes et des scripts (par exemple, Google Analytics) en bas de page chaque fois que cela est possible. Bien que je pense que cela aide à peine en termes de référencement, cela permettra néanmoins aux internautes de sentir que la page se charge plus rapidement, car cela permet au contenu essentiel de se charger avant que les navigateurs n’exécutent les scripts.

Plus de conseils pour accélérer votre site Web

Là, vous avez maintenant mes astuces rapides 10 sur la façon d’améliorer la vitesse du site Web.

Je suis sûr qu'il existe de nombreuses autres méthodes pour faire le travail, pourquoi ne pas nous dire la vôtre - Quels sont vos conseils #1 pour un non-technophile pour accélérer ses sites Web?

À propos de Jerry Low

Fondateur de WebHostingSecretRevealed.net (WHSR) - une critique d'hébergement approuvée et utilisée par les utilisateurs de 100,000. Plus de 15 ans d'expérience dans l'hébergement web, le marketing d'affiliation et le référencement. Contributeur à ProBlogger.net, Business.com, SocialMediaToday.com, et plus encore.