Comment améliorer les performances de votre site Web : 10 conseils pour accélérer votre site

Mise à jour : 2022-04-25 / Article par : Jerry Low
Des études ont constamment montré qu'une vitesse de chargement de page plus rapide entraînerait un meilleur taux de conversion. Comme l'hébergement Web est l'un des facteurs critiques de la vitesse du site Web de votre entreprise, il est important de sélectionner un hébergeur Web qui aide votre site à se charger rapidement.
Des études ont constamment montré qu'une vitesse de chargement de page plus rapide sera dans un meilleur taux de conversion. Comme l'hébergement Web est l'un des facteurs critiques de la vitesse du site Web de votre entreprise, il est important de sélectionner un hébergeur Web qui aide votre site à se charger rapidement (source : CloudFlare).

Savoir quels sont les principaux facteurs qui affectent votre performance du site est une chose, mais vous pouvez aussi faire beaucoup pour optimiser votre site autant que possible. Sans passer par une liste exhaustive, voici quelques ajustements que vous pouvez apporter pour augmenter les performances de votre site.

1. Optez pour un meilleur serveur d'hébergement

Votre hébergement Web est l'une des parties les plus vitales de vos performances Web.

Si votre site souffre de votre plan actuel, vous pouvez simplement avoir besoin de plus de ressources et passer à un meilleur plan peut fonctionner pour vous.

Il y a hébergeur et puis il y a excellent hébergeur. Chaque hôte Web aura des fonctionnalités différentes, alors faites attention aux éléments clés tels que les technologies de mise en cache propriétaires, les disques SSD ou le contrôle des zones critiques. L'hébergement mutualisé a souvent moins de ressources et si vous êtes trop grand pour cela, vous devrez peut-être regarder soit Hébergement VPS ou Cloud.

Il y a des moments où vous choisissez simplement de passer à un meilleur hébergeur peut fonctionner aussi. Cependant, avant de vous engager à le faire, passez du temps à faire des recherches pour savoir quelles seraient vos options les plus fiables pour déménager.

Fournisseurs d'hébergement VPS recommandés

Hôte WebPlan d'entréePlan intermédiairePériode d'essaiCommandez Maintenant
BlueHost$ 19.99 / mo$ 29.99 / mo30 JoursObtenez BlueHost
HostPapa$ 19.99 / mo$ 59.99 / mo30 joursProfiter de la HostPapa
InMotion standard$ 17.99 / mo$ 64.99 / mo90 JoursProfiter de la InMotion
InterServer$ 6.00 / mo$ 12.00 / mo30 JoursProfiter de la InterServer
  LiquidWeb$ 15.00 / mo$ 45.00 / mo30 joursProfiter de la LiquidWeb
ScalaHosting$ 9.95 / mo$ 21.95 / mo30 JoursProfiter de la ScalaHosting
TMD Hosting$ 19.97 / mo$ 29.97 / mo30 JoursProfiter de la TMD Hosting

2. Utilisez un fournisseur DNS plus rapide

Qu'est-ce qu'un système de noms de domaine (DNS) ?

Le Système de nom de domaine (DNS) est le carnet d'adresses d'Internet. Chaque fois qu'un utilisateur entre un domaine de site Web dans son navigateur, par exemple - google.com, le DNS aide à localiser l'adresse IP du nom de domaine afin que les navigateurs puissent charger le site Web.

Comment le DNS affecte les performances de votre site Web ?

Différences dans les vitesses de réponse DNS par fournisseur. Par example, Cloudflare DNS a été chronométré à 11.68 ms en mars 2022 ; comparativement, une recherche DNS RackSpace a pris plus de 90 ms dans le test (source : DNSPerf par PerfOps).

L'endroit où vous achetez votre nom de domaine est important car les différents services de noms de domaine ont des performances différentes. La résolution DNS prend du temps et comme elle fonctionne sur le matériel, il peut y avoir des variations dans les vitesses de réponse. 

Avant de vous moquer de cela, notez que la différence de performances peut être assez importante. Par exemple, où Cloudflare se résout en moins de 15 ms, certains fournisseurs peuvent prendre jusqu'à dix fois plus de temps que cela.

Comment vérifier votre vitesse DNS

Pour vérifier les performances de votre serveur de noms, vous pouvez utiliser un outil comme celui sur Site Web 24 × 7. Exécutez-le avec votre nom de domaine et il vous indiquera combien de temps votre serveur de noms a mis pour répondre à une requête. S'il est trop élevé, vous voudrez peut-être envisager de changer de serveur de noms. Ce n'est pas difficile à faire.

Changer de serveur de noms pour améliorer la vitesse

Il peut être très facile de changer les adresses de votre serveur de noms.
Il peut être très facile de changer les adresses de votre serveur de noms.

Il existe des serveurs de noms gratuits et payants parmi lesquels vous pouvez choisir. Toutes les options payantes ne sont pas nécessairement meilleures. Prends pour exemple Cloudflare. Ils sont parmi les plus rapides en matière de résolution de noms de domaine avec des vitesses rapides, même pour les comptes gratuits.

Cependant, le choix vous appartient. Ce que vous devez d'abord faire est de vous inscrire avec le nouveau serveur de noms de votre choix. Cela vous donnera une paire d'adresses de serveur de noms avec lesquelles vous devrez remplacer celles existantes.

Pour ce faire, vous devrez vous connecter au système sur lequel vous avez acheté votre nom de domaine. La plupart d'entre eux ont un tableau de bord simple avec lequel vous pouvez changer vos serveurs de noms. Dans l'exemple ci-dessous, je vais montrer le NameCheap système.

  1. Dans le tableau de bord de votre compte, recherchez une option pour gérer votre nom de domaine.
  2. Sous Serveurs de noms, recherchez une option pour ajouter un DNS personnalisé
  3. Entrez les adresses fournies par votre nouveau service Nameserver
  4. Vous DEVEZ entrer les deux adresses fournies

Une fois que vous avez fait cela, la gestion des enregistrements de votre nom de domaine se fera généralement via le tableau de bord de votre nouveau serveur de noms. Donnez au nouveau Nameserver le temps de s'installer (24 à 48 heures c'est bien).

Une fois que c'est terminé, vous pouvez tester à nouveau votre vitesse de résolution DNS pour voir s'il y a une amélioration. Si au début vous ne voyez pas d'amélioration, donnez-lui un peu plus de temps.

3. Cachez de manière agressive

Comment fonctionne la mise en cache Web (source : Kinsta).

La mise en cache vous aide à précharger les fichiers statiques afin qu'ils puissent être servis plus rapidement. Au lieu de charger un fichier chaque fois qu'il est demandé, la mise en cache accélère le processus en stockant certains fichiers sur le navigateur de l'utilisateur. Cela améliore non seulement les performances, mais peut également aider à réduire la charge des ressources sur votre le serveur web

Tous les serveurs Web ne sont pas créés égaux et certains gèrent mieux la mise en cache que d'autres. Pour de meilleures performances, optez pour un hébergeur qui offre Nginx ou Vernis. Voici quelques exemples :

  • Cloudways, qui dispose d'un équilibrage de charge et d'une mise en cache avec NGINX,
  • Hébergement A2, qui a préconfiguré Varnish avec ses forfaits VPS, et
  • Kinsta, qui gèrent tout dans la mise en cache du serveur pour leurs clients.

Aussi, si vous utilisez un WordPress sites, il y a beaucoup de pratique Plugins de mise en cache WordPress disponibles gratuitement. Les utilisateurs ayant peu de connaissances techniques peuvent optimiser leur site WordPress en quelques clics avec ces plugins.

4. Utilisez HTTP/2

HTTP/2 contre HTTP/1
HTTP/2 est livré avec diverses améliorations par rapport à HTTP/1, ce qui permet une livraison plus rapide des packages et une meilleure expérience utilisateur (source : Imperva).

C'est l'une des fonctionnalités utiles que tous les propriétaires de sites Web devraient rechercher. HTTP/2 permet le multiplexage, ce qui signifie que les fichiers peuvent être envoyés simultanément à l'utilisateur au lieu d'un à la fois. Cela facilite le processus de chargement.

Malheureusement, tous les plans d'hébergement Web ne sont pas compatibles avec HTTP/2 et certains hébergeurs ne le proposent qu'avec leurs plans les plus chers. Une façon de contourner ce problème consiste à utiliser Cloudflare, qui peut activer HTTP/2 pour tous les sites.

5. Suivez le principe KISS

Ce n'est pas quelque chose qui est normalement enseigné par la plupart des gourous du Web, mais je l'ai trouvé extraordinairement utile à bien des égards. KISS est l'acronyme de "Keep It Simple, Stupid". Il a été inventé par un type intelligent dans les années 1960 qui insistait sur l'efficacité des systèmes simples.

En règle générale, je trouve que cela s'applique à presque tout dans la vie - même lors de la création de sites Web. En évitant les implémentations et les conceptions trop complexes, vous bénéficierez d'un site rapide et, plus important encore, facile à gérer et à entretenir.

Design & Visuels

En gardant votre design et votre visuel simples, ce que je veux dire est principalement sous la forme de réduction des frais généraux. Un site lourd en images massives à couper le souffle et en vidéos superbes risque de se charger aussi rapidement que paresseux lors d’une mauvaise journée. Gardez les choses en ordre et essayez de répartir le chargement de vos vidéos et de vos images sur plusieurs pages.

Code et plugins

WordPress est une chose merveilleuse parce qu'il est très modulaire et pourtant si simple à utiliser. Peu importe ce que vous voulez faire, il est probable que quelqu'un l'ait déjà conçu un plugin pour cela.

Aussi excitant que cela puisse paraître, méfiez-vous de surcharger votre site avec des plugins. N'oubliez pas que chaque plugin est conçu par différentes personnes (et probablement différentes entreprises). Leur but est d'atteindre un objectif spécifique, pas de rationaliser la vitesse de votre site.

Si vous le pouvez, évitez les plugins pour les choses que vous pouvez gérer vous-même. Prenez par exemple un plugin qui vous aidera à insérer des tableaux dans votre texte. Vous pouvez facilement apprendre quelques notions de base Code HTML pour dessiner des tableaux au lieu d'avoir à utiliser un plugin pour cela, n'est-ce pas ?

Certains plugins peuvent ralentir votre site de manière significative, alors assurez-vous de faire un test de vitesse à chaque fois que vous installez un nouveau plugin!

6. Activer la compression gzip

Bien que les pages Web soient généralement déjà petites, les compresser avant de les envoyer peut encore augmenter les performances de votre site. Si vous avez entendu parler de la compression d'image, ou peut-être de l'archivage (ZIP ou RAR), vous connaissez probablement la théorie derrière la compression gzip. Cela compresse le code de votre site Web, ce qui entraîne des gains de vitesse allant jusqu'à 300 % (les résultats varient).

Chaque type de serveur Web tel que Apache, LiteSpeed et Nginx gère différemment la compression gzip. Sinon, vous pouvez également ajouter le code suivant à votre fichier ..htaccess file pour compresser vos fichiers web.

# Compresser HTML, CSS, JavaScript, texte, XML et polices AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE police/ opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEF LATE text/plain AddOutputFilterByType DEFLATE text/xml

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

Distribution sur un seul serveur (à gauche) - vos fichiers Web sont servis à partir d'un seul emplacement. D'autre part, sur un CDN (à droite), vos fichiers Web sont servis à partir du serveur le plus proche de vos utilisateurs.

Comment fonctionne CDN

Un réseau de diffusion de contenu est un réseau de serveurs qui distribuent des pages Web et d’autres contenus aux utilisateurs en fonction de leur emplacement géographique. En d'autres termes, cela permet de réduire le temps mis par le serveur distant pour répondre aux données demandées par les utilisateurs finaux.

Habituellement, il capture le contenu statique stocké sur le serveur le plus proche de l'emplacement géographique de l'utilisateur. Au fur et à mesure que la distance parcourue par les données diminue, le temps de livraison (ou la vitesse de chargement) s'améliore.

L'utilisation d'un CDN vous aidera à servir vos pages Web beaucoup plus rapidement et à améliorer les vitesses de chargement, peu importe d'où viennent vos visiteurs.

Si vous êtes propriétaire d'un petit site Web, alors Cloudflare a une option gratuite que vous pouvez utiliser qui fonctionne très bien. Les entreprises et les sites plus importants devront payer pour bénéficier d'un meilleur plan, mais étant donné les avantages d'un CDN, le prix en vaut la chandelle !

Les autres services CDN à considérer incluent : Feux de la rampe, KeyCDN

8. Optimiser les images

Bien qu'elles soient généralement volumineuses, les images destinées à une utilisation Web peuvent être optimisées pour que leur taille reste plus gérable. Cela se fait généralement en ajustant la qualité de l'image, car vous n'avez pas souvent besoin d'une netteté fantastique pour les images Web. 

Il existe des outils en ligne gratuits tels que Optimizilla vous pouvez utiliser pour le faire, ou vous pouvez opter pour un image greffon d'optimisation si vous utilisez WordPress. La plupart des outils d'optimisation d'image vous permettront d'affiner les détails de résolution de vos images afin de pouvoir les atténuer progressivement. Ils auront à peu près la même apparence pour un œil non averti, mais de taille beaucoup plus petite.

Images optimisées vs non optimisées
Exemple – Celles-ci sont agrandies dans des zones d'une image HD (à gauche). L'original faisait 2.3 Mo et après optimisation, l'image a été réduite à 331 Ko.

9. Minifier le code

Il est courant que les sites Web d'aujourd'hui débordent de fichiers Javascript et CSS. Pour affiner encore plus votre site, même votre code peut être optimisé grâce à un processus appelé minification. Cela fonctionne en supprimant les espaces vides ou les caractères inutiles du code existant pour réduire la taille du fichier au strict minimum.

Encore une fois, il existe des outils que vous pouvez utiliser pour cela, tels que Minifier. Un mot d'avertissement cependant. La minification du code rend souvent la lecture très difficile pour les humains, donc si vous faites tout votre site Coding manuellement, ce serait quelque chose à prendre en considération.

Code Minification pour accélérer le site Web
La minification peut faire paraître votre code complètement confus. Ne vous inquiétez pas! C'est normal.

10. Réduire les redirections

Normalement, les navigateurs acceptent différentes formes d’adresses qui sont à leur tour traduites en adresses officielles reconnues par votre serveur. Prends pour exemple www.example.com et exemple.com. Les deux peuvent accéder au même site, mais l'un d'eux nécessite que votre serveur le redirige vers l'adresse officiellement reconnue.

Cette redirection prend du temps et des ressources, votre objectif est donc de vous assurer que votre site peut être accessible via une redirection au maximum. Utilisez ceci Mappeur de redirection pour voir si tu le fais bien.

Compte tenu de la complexité de cette tâche et du temps requis, c’est une fois que je recommanderais l’utilisation d’un plugin tel que Redirection.

Tester la vitesse de votre site Web

Il existe un large éventail de modifications que vous pouvez apporter à votre site pour un chargement plus rapide. Certains peuvent être aussi simples que de basculer des options, tandis que d'autres sont plus impliqués. Pourtant, si vous deviez les considérer tous, le processus pourrait prendre un certain temps.

Il est préférable que vous adoptiez une approche lente et progressive de l'amélioration des performances au lieu de faire tous vos changements en même temps. Comme pour tout ce qui est basé sur la technologie, il y a une chance que quelque chose tourne mal.

Si vous implémentez des modifications au fil du temps et que vous documentez avec des tests, il sera plus facile d'identifier les modifications que vous avez apportées qui peuvent entraîner l'indisponibilité ou le blocage de votre site. Croyez-moi, cela finira par arriver.

Outils de test de vitesse de site Web

En utilisant un testeur de vitesse de site, vous serez en mesure de savoir dans quelle mesure votre site est actuellement optimisé.

Pour commencer, testez à quelle vitesse votre site se charge en premier. Certains outils recommandés sont:

  • WebPageTest: Collectez les performances des pages Web à partir de navigateurs réels exécutant des systèmes d'exploitation courants.
  • Pingdom: Aide à analyser et à trouver les goulots d'étranglement performance du site.
  • GTmetrixAnalyse et offre des informations concrètes sur la meilleure façon d’optimiser la vitesse d’une page Web.
  • Bitcatcha: Vérifier la vitesse du site de huit pays.

Pour plus de choix – Découvrez ces outils gratuits de test de vitesse de site Web

Vitesse du site Web - Quelle est la vitesse suffisante ?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight est une bonne référence pour savoir comment le géant de la recherche voit les performances de votre site.

Outre l'expérience des visiteurs, la vitesse et la disponibilité de votre site Web affectent également votre visibilité dans les classements de recherche. Puisque le roi de la recherche est Google, c'est la barre que vous voulez viser. Selon eux, 40% des visiteurs quitteront une page qui met plus de trois secondes à se charger (la source). Les utilisateurs de plates-formes de commerce électronique qui ne sont pas satisfaits des performances du site sont également moins susceptibles d'acheter à nouveau sur ces sites. 

Malheureusement, de nombreux sites ne répondent toujours pas à ce critère. En fait, j'ai mesuré certains sites qui prennent étonnamment 3 ou 4 minutes à se charger.

Réflexions finales : des sites Web plus rapides rendent tout le monde heureux

La vitesse de la large bande a augmenté de façon considérable, même sur les téléphones mobiles, et augmentera encore davantage. Cela signifie que les propriétaires de sites Web ont très peu d'excuses pour faire accepter par leurs visiteurs les sites à chargement lent.

Croyez-moi, vous allez continuer à perdre des visiteurs et à un moment donné, vous gagnerez une telle réputation que vous serez surnommé «Oh, QUE site Internet". Si vous êtes dans un affaires en ligne, c'est encore pire puisque vous tuerez votre propre poule aux œufs d'or.

Bien que les conseils 8 ci-dessus que je vous ai fournis ne soient en aucun cas les meilleurs, ils devraient vous donner un début et des idées sur la façon de gérer les choses un peu mieux. Accélérez votre site Web aujourd'hui et conservez vos clients ou visiteurs.

Ne pas finir comme QUE en ligne.

En savoir plus

À 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.