Conseils pour accélérer votre site Web

Google est généralement secret sur le fonctionnement du référencement et du classement des sites Web. Cependant, une chose est sûre: la vitesse des pages est un facteur énorme. Le géant du moteur de recherche a déclaré, “Nous développons des algorithmes pour promouvoir plus de pages utilisables par rapport à celles moins utilisables, toutes choses étant égales par ailleurs. Ces algorithmes analysent les signaux qui indiquent si tous nos utilisateurs sont capables de voir le résultat, comme… si les temps de chargement des pages fonctionnent bien pour les utilisateurs avec des connexions Internet lentes.”


Avoir un site Web super rapide – à la fois sur ordinateur et sur mobile – est essentiel au succès de votre site Web. 70% des acheteurs en ligne disent que la rapidité avec laquelle un site Web se charge aura un impact négatif sur leur volonté d’acheter à partir de ce site Web particulier. La dernière chose que vous voulez, c’est de perdre des clients face à vos concurrents car votre site Web se charge trop lentement.

Nous allons vous guider étape par étape sur la façon d’améliorer la vitesse de vos sites Web, y compris tout, de la façon de choisir le bon plan d’hébergement pour optimiser votre site.

1. Mettre à niveau votre plan d’hébergement

Lorsque vous choisissez un plan d’hébergement, vous pourriez être tenté de choisir le plan le moins cher. Les plans d’hébergement mutualisé ont tendance à offrir le coût le plus bas, mais ils peuvent également ralentir votre site Web. Grâce à un plan d’hébergement partagé, vous devez partager les ressources du serveur avec d’innombrables autres clients.

Si vous rencontrez des niveaux de trafic plus élevés ou avez besoin de plus de ressources que ne peut offrir un environnement d’hébergement partagé, vous souhaiterez peut-être mettre à niveau vos plans d’hébergement. Voici quelques options:

  • Serveurs dédiés. Les serveurs dédiés sont des élites de l’univers d’hébergement. Ils offrent des ressources étendues d’un serveur physique entier qui ne fonctionne que pour répondre aux exigences de votre site Web. En conséquence, il n’y a aucune menace de ralentissement causé par d’autres sites Web’ charge de travail. En outre, ils sont également fournis avec du matériel de niveau entreprise, qui accélère automatiquement les performances de votre site Web. Vous pouvez également le personnaliser pour l’adapter à vos spécifications exactes. Cependant, le plus gros inconvénient est qu’il s’agit du type d’hébergement le plus cher.
  • Hébergement VPS. Pour ceux d’entre vous qui ne peuvent pas encore se permettre un plan d’hébergement dédié, il existe une option viable d’hébergement Virtual Private Server (VPS). Ce type d’hébergement offre de nombreux avantages de serveur dédié à des prix beaucoup plus bas. Vous aurez un accès root complet pour configurer et contrôler toutes les ressources serveur particulières de votre serveur virtualisé. Votre site Web peut donc utiliser chaque unité des ressources allouées comme la RAM, les cœurs de processeur et la bande passante. Comme le montre l’image suivante basée sur le test AccuWeb, VPS peut charger des sites Web à une vitesse beaucoup plus élevée que l’hébergement partagé:

Mettre à niveau votre plan d'hébergement

2. CDN

Un CDN, ou Content Delivery Network, est le service chargé de fournir des pages Web et d’autres contenus Web à votre utilisateur. Il se compose d’une grille de serveurs locaux, qui contiennent tous une copie du "lourd" contenu de votre site Web – images, fichiers statiques, etc. Lorsqu’un utilisateur accède à votre site, le centre de données CDN le plus proche de l’utilisateur lui sert le contenu du site Web.

Quel CDN utiliser alors? Nous vous recommandons de commencer avec Cloudflare, simplement parce que leur service est fiable, facile à configurer et dispose d’un plan de base gratuit qui prend en charge SSL.

Quelques conseils de nos experts: "L’utilisation du CDN de Cloudflare facilite également la migration de votre site Web vers

un hôte plus rapide, en plus, il n’y a pas de temps d’arrêt. Remplacer votre hôte par un plus rapide est quelque chose que vous devez toujours considérer. Mais n’oubliez pas ceci: si vous apportez des modifications importantes à votre site Web, purgez les fichiers ou suspendez le service pendant que votre équipe s’y trouve. Si les modifications ne sont que textuelles, tout ira bien tel quel."

Plusieurs fois, votre hébergeur fournira Cloudflare gratuitement. Lisez les petits caractères avant de choisir un fournisseur d’hébergement pour voir si vous avez accès à cet avantage.

3. Plugins de mise en cache

C’est probablement la tactique la plus connue pour optimiser la vitesse des sites Web. Bien qu’il existe d’excellents plugins de mise en cache gratuits, comme WP Total Cache ou WP Super Cache, vous voudrez peut-être envisager de payer pour une version premium, dans le cas où votre site Web essaie d’atteindre un classement plus élevé ou a des ventes bien définies / entonnoir de marketing en place.

Un mot d’avertissement: "Certaines fonctionnalités du plugin de cache apportent une amélioration minimale en termes de temps de chargement et ont le potentiel de jouer avec d’autres plugins installés sur votre site WordPress. Gardez cela à l’esprit et testez toujours pour voir comment ils affectent votre site Web.

Pour mesurer la vitesse du site, Booster Monster utilise principalement Pingdom, et parfois aussi GTMetrix. Assurez-vous simplement de tester votre site Web à partir d’un emplacement le plus proche de votre hôte."

La configuration du plugin de cache peut sembler intimidante – mais testez simplement les fonctionnalités de votre site Web pour vous assurer que tout est en place. Si rien n’a changé et Pingdom montre que votre vitesse a augmenté – bravo, vous!

Il’s important de noter que la mise en cache peut’t faire beaucoup pour les personnes qui visiteront votre site Web pour la première fois. Pour les nouveaux visiteurs, le navigateur doit charger chaque composant sur la page Web à partir des données du serveur.

4. Expire les en-têtes

Si vous avez plus de 10% de visiteurs qui reviennent (ce que vous pouvez vérifier avec Google Analytics), vous devriez envisager d’utiliser .htaccess pour configurer vos en-têtes expirés. Ce n’est pas très amusant de le faire manuellement, mais heureusement, certains plugins peuvent le faire pour vous.

Utilisez ce plugin comme raccourci:

https://wordpress.org/plugins/far-future-expiry-header/

N’oubliez pas que celui-ci peut créer un conflit avec le plugin de mise en cache WP Rocket (mais si vous avez ce plugin premium, vous êtes prêt à partir).

5. Compressez votre site Web avec gzip

Si vous ne retirez qu’une chose de cet article aujourd’hui, ce devrait être l’astuce CDN. Mais si vous voulez quelque chose de rapide et de fiable qui améliorera considérablement la vitesse de votre site – ce serait activer la compression gzip.

Gzip peut aider votre site à économiser de la bande passante et à accélérer en compressant les réponses HTTP basées sur le navigateur. Il recherche les chaînes récurrentes ici et remplace chacune d’elles par des pointeurs dirigés vers sa première instance. Cela peut finalement réduire de 70% la taille des réponses HTTP. Vous pouvez l’utiliser pour minimiser des types de fichiers particuliers ou des langues spécifiques comme HTML, XML, CSS, JavaScript, etc..

Ce clip montre comment modifier le fichier .htaccess. Veuillez être prudent et sauvegarder le fichier avant de le modifier. Vous pouvez le faire en utilisant le gestionnaire de fichiers cPanel des sites Web ou via FTP.

6. Réduisez vos fichiers CSS et JS

La minification est un processus similaire à la compression Gzip. Fondamentalement, la minification signifie se débarrasser des commentaires et des espaces (ou des directives dans le code qui ne sont jamais utilisés), afin d’alléger la taille de votre code. Ce principe est valable en général: si votre site Web a une taille inférieure à 1 Mo, il a de meilleures chances de se charger rapidement. De nombreux plugins aident à la minification, et certains plugins de mise en cache le supportent également extrêmement bien.

Pourquoi ne pas considérer le plugin que nous utilisons principalement sur nos sites Web? Pour l’essayer, allez ici.

7. Utilisez CSS Sprites

Le conseil le plus difficile à appliquer à partir de cette liste sera peut-être l’utilisation de CSS Sprites. Cela nécessite généralement l’aide d’un développeur et aide principalement les sites Web avec des journaux de graphiques. CSS Sprites permet de créer une grande image à partir de toutes vos petites images et icônes, puis enseigne à votre site Web comment trouver chaque image spécifique à l’intérieur de l’image plus grande.

Nous ne pouvons pas souligner suffisamment le nombre de requêtes HTTP que cette technique enregistre. Donc, si vous voulez que votre site Web se charge rapidement comme un patron, commandez votre gars ou engagez-en un chez Upwork.

8. Utilisez mod_pagespeed

Le module mod_pagespeed de Google n’est en fait pas une fonctionnalité de votre site Web, mais plutôt une fonctionnalité de votre hôte. Nous vous recommandons fortement d’envisager de l’activer et de tester pour voir s’il correspond aux besoins de votre site Web..

9. Supprimez tous les JS / CSS externes

Cette astuce est souvent mentionnée par Google Page Speed ​​Insights et est discutée en détail sur le Web. Donc, au lieu d’entrer dans les bits et les octets de celui-ci, nous allons simplement mettre cela ici pour que vous puissiez considérer:

http://wordpress.org/plugins/footer-javascript/

10. Images optimisées

De bonnes images haute définition font une grande impression du site Web. Cependant, leur taille énorme refuse également le site Web’s performances globales en diminuant la vitesse.

Optimisez ces images pour qu’elles soient plus accessibles sur Internet en réduisant leur taille. Pour ce faire, vous pouvez compresser l’image, la recadrer ou modifier sa résolution.

Tinypng est un outil en ligne exceptionnel qui compresse les images pour les optimiser en vue de leur publication sur le Web.

Vous pouvez effectuer ces optimisations manuellement ou bénéficier de l’aide d’outils spécialisés tels que Photoshop, Gimp, Picresize, etc..

Il existe également un plugin gratuit sur WordPress appelé WP-Smushit qui scanne l’image pour les données cachées et supprime ses portions inutiles.

11. Demandes HTTP réduites

L’une des principales raisons de la vitesse incroyablement faible d’un site Web est le trop grand nombre de requêtes HTTP exécutées en arrière-plan. Vous pouvez consulter leur nombre exact en effectuant un test de vitesse sur Pingdom. Ensuite, vous pouvez les trier en fonction de la taille du fichier et du temps de chargement. Vous pouvez augmenter la vitesse de votre site en trouvant ceux qui ralentissent le plus votre site et en les supprimant.

12. Scripts externes minimisés

Nous ajoutons souvent de nombreux scripts externes pour ajouter un badge ou afficher les fenêtres contextuelles. Il peut également s’agir d’ensembles d’icônes comme Font Awesome, des boîtes de création de page Facebook, un service d’analyse Web ou un système de commentaires externe comme Disqus..

Toutes ces fonctionnalités supplémentaires apportent une quantité considérable d’extraits de code supplémentaires avec eux. Par conséquent, la taille globale de la page augmente et réduit la vitesse de chargement. Vous pouvez décider lequel d’entre eux est inutile et prend le plus de temps via Pingdom et supprimer ceux en tête de liste.

13. TTFB minimisé

TTFB signifie Time To First Byte, qui mesure la période d’attente d’un navigateur pour obtenir des informations du serveur. Après cette période, le navigateur reçoit le premier octet de données. Dans ce délai, trois choses se produisent: recherche DNS, traitement du serveur et réponse.

Selon Google, cette période ne devrait pas durer plus de 200 ms. Découvrez combien de temps votre site prend via WebPageTest ou les outils de développement sur Chrome (l’option Waterfall sous son onglet Réseau). Si votre site Web ne réussit pas le test, activez la mise en cache pour réduire la création de contenu dynamique côté serveur.

14. Chargement asynchrone

Les scripts comme JavaScript et CSS ont tendance à se charger individuellement via le chargement synchrone. En les faisant charger de manière asynchrone, tous seront une action en même temps, réduisant le temps de chargement des pages Web. Il y a une option pour cela sur le plugin WP Rocket en plus de l’option CSS / JS bloquant le rendu sous l’onglet Fichiers statiques.

Mettez en œuvre les astuces ou solutions qui semblent les plus pratiques et efficaces pour votre site. Choisissez VPS ou un hébergement dédié, ou comptez sur les plugins et outils spécialisés pour faire de votre site Web de nouveaux sommets.

Que pouvons-nous faire d’autre pour améliorer la vitesse et pouvons-nous demander à quelqu’un d’autre de le faire pour nous?

Les propriétaires d’entreprise obtiennent de meilleurs résultats de leurs sites Web en ne faisant qu’une seule chose: augmenter la vitesse du site. Quand il booste votre site Web, il prend également soin d’optimiser vos images, de modifier votre .htaccess pour vous, de configurer vos plugins pour de meilleures performances et de s’attaquer à tout obstacle ou goulot d’étranglement sur votre site Web afin de vous assurer qu’il se charge aussi rapidement que possible..

Amusez-vous à accélérer votre site Web! Vos clients l’apprécieront certainement.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me