8 Conseils pour accélérer votre site Web

Article écrit par:
  • Inbound Marketing
  • Mise à jour: novembre 02, 2018

Même s'il n'y a rien de plus dont je sois certain, une chose est sûre: vous avez déjà rencontré au moins un site Web extrêmement lent. Si cela vous semble familier, laissez-moi vous donner quelques conseils que j'ai acquis au cours des dernières années et qui peuvent vous aider à accélérer votre site Web.

Si vous n'êtes pas sûr que la vitesse de votre site Web compte pour vous, pensez à l'époque au cours de laquelle vous avez également fermé une fenêtre de navigateur en attendant le chargement d'un site. Le fait est que 53% des utilisateurs abandonnent un site Web dont le chargement nécessite plus de 3 secondes.

La performance de votre site Web est importante et joue un rôle dans influencer votre classement dans les moteurs de recherche. Par exemple, Google préfère les sites Web rapides et donne ces classements plus élevés dans les résultats de recherche.

Temps de chargement moyen des pages Web dans différents secteurs (la source).

Testez la vitesse de votre site

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 dans les performances d'un site Web.
  • 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.
En utilisant un testeur de vitesse de site, vous serez en mesure de savoir dans quelle mesure votre site est actuellement optimisé.

Voici les astuces pour accélérer votre site web…

1. Choisissez un excellent hébergeur

D'après mon expérience, l'hébergement Web est peut-être l'un des choix les plus importants à prendre. Il y a des hôtes Web et puis il y a excellent hébergeurs. Chaque hôte Web aura des fonctionnalités différentes, alors surveillez les éléments clés tels que les technologies de mise en cache propriétaires, les disques SSD ou le contrôle de zones critiques telles que Nginx.

Je ne peux insister assez sur ce point. Votre choix d’hébergeur Web est d’une importance capitale. Si vous ne les connaissez pas, jetez un coup d’œil à notre examens complets des principaux hébergeurs pour vous aider à prendre une décision éclairée.

2. Minification: Plus c'est petit, mieux c'est

De nos jours, les sites Web débordent de fichiers Javascript et CSS. Cela génère une tonne de requêtes HTTP lors d'une visite, ce qui peut ralentir considérablement votre site. C'est là qu'intervient la minification.

La réduction de vos fichiers Javascript et CSS se fait en combinant tous vos scripts dans un seul fichier (de chaque type). Ce n'est pas une tâche facile, mais ne vous inquiétez pas, il existe des plugins WordPress qui peuvent gérer cela pour vous.

Essayez l'une de celles-ci pour commencer: Autoptimize, Rapidité Rapide Minify or Fusionner + Minifier + Actualiser

La minification peut faire paraître votre code complètement confus. Ne vous inquiétez pas! C'est normal.

3. 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 un acronyme pour «Keep it simple, stupid». Il a été inventé par un type intelligent des 1960 qui a mis l’accent 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 la surcharge de votre site avec des plugins. Rappelez-vous que chaque plugin est conçu par différentes personnes (et probablement différentes entreprises). Leur objectif est d'atteindre un objectif spécifique et non de rationaliser les performances de votre site.

Si vous le pouvez, évitez les plugins pour des choses que vous pouvez gérer vous-même. Prenons par exemple un plugin qui vous aidera à insérer des tableaux dans votre texte. Vous pouvez facilement apprendre du code HTML de base pour dessiner des tableaux au lieu de devoir utiliser un plugin pour cela, non?

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!

4. Effet de levier sur les réseaux de diffusion de contenu

Pour moi, les réseaux de distribution de contenu sont un cadeau des dieux. Des entreprises telles que Cloudflare et Réseaux LimeLight gagner sa vie en aidant les autres peuples à profiter d'une diffusion de contenu stable et rapide via des réseaux de serveurs situés dans le monde entier.

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.

Par ailleurs, l’utilisation d’un CDN offre également une protection supplémentaire contre les attaques malveillantes telles que Déni de service distribué (DDoS).

Si vous êtes propriétaire d'un petit site Web, alors Cloudflare a une option gratuite que vous pouvez utiliser et qui fonctionne parfaitement. Les entreprises et les grands sites devront payer pour avoir un meilleur plan, mais vu les avantages d'un CND, le prix en vaut la peine!

5. Faire usage de la mise en cache

La mise en cache se déroule exactement de la manière souhaitée: stocker des fichiers statiques de sorte que, lorsque vos visiteurs se présentent, votre site puisse partager des pages précédemment construites, de sorte que le temps de traitement diminue. Dans la plupart des cas, vous devez vous intéresser à la mise en cache côté serveur.

Le moyen le plus efficace de mettre en œuvre la mise en cache côté serveur consiste à utiliser les paramètres de votre Apache or Nginx serveur. Vous devrez parcourir ces documents et trouver les bons paramètres qui vous aideront à configurer la mise en cache de votre serveur.

La règle de base est que tout ce qui nécessite beaucoup de travail de support serveur (traitement) doit être mis en cache si possible.

Si cela devient trop bizarre pour vous, les plugins sont une autre option, mais encore une fois, je ne vous recommande pas de recourir à cela dans ce cas.

6. Images Bande passante Hog, optimisez les vôtres!

Ceci est un peu une extension de mon discours précédent contre des images et des vidéos de grande envergure selon le principe KISS. Cela dit, je comprends que les éléments visuels sont la clé pour rendre un site aussi beau que possible. Puisque nous ne pouvons pas totalement éviter leur utilisation, assurons-nous que les images que vous utilisez sont aussi simples que possible,

Le contenu Web est généralement basique, même lorsqu'il s'agit d'images. La majorité des sites Web que j'ai rencontrés qui se chargent comme des cochons en train de mourir sont souvent entraînés par des images massives qui ne servent à rien.

Je ne dis pas que vous ne pouvez pas avoir de plus grandes images, mais assurez-vous qu'elles sont correctement optimisées avant de les télécharger.

Vous pouvez le faire de deux manières. Encore une fois, le premier est via un plugin comme WP Smush. L’alternative, ou pour ceux qui n’utilisent pas WordPress, est un outil tiers d’optimisation de l’image, tel que image Compressor or Optimiseur JPEG.

La plupart des outils d’optimisation d’images vous permettent d’affiner les détails de la résolution de vos images afin de les atténuer progressivement. Ils ressembleront beaucoup à l'œil non averti, mais leur taille sera beaucoup plus petite.

Celles-ci sont agrandies dans les zones d’une image HD (à gauche). L'original était 2.3MB et après optimisation, il était réduit à 331kb!

7. Utiliser la compression gzip

Si vous avez entendu parler de la compression d'image, ou peut-être de l'archivage (ZIP ou RAR), vous serez probablement familiarisé avec la théorie de la compression gzip. Cela comprime le code de votre site Web, ce qui entraîne des gains de vitesse pouvant aller jusqu'à 300% (les résultats varient).

Même pour quelque chose d'aussi technique que cela, vous pouvez aller de l'avant et utiliser un plugin comme PageSpeed ​​Ninja. Cependant, il existe une méthode beaucoup plus efficace qui consiste à éditer votre fichier .htaccess une seule fois.

Ajoutez le code ci-dessous à votre fichier .htaccess et vous serez configuré:

<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, le texte, XML et les polices AddOutputFlorterBy de type DEFLATE application / javascript AddOutputFilterByType DEFLATE application / javascript Add. / x-font-opentype AddOutputFilterByType application DEFLATE / x-font-otf AddOutputFilterByType application DEFLATE / x-font-TrueType AddOutputFilterByType application DEFLATE / x-font-ttf AddOutputFilterByType demande DEFLATE / x-javascript AddOutputFilterByType demande DEFLATE / xhtml + xml AddOutputFilterByType application DEFLATE / xml AddOutputFilterByType police DEFLATE / opentype AddOutputFilterByType police DEFLATE / OTF AddOutputFilterByType police DEFLATE / TTF l'image AddOutputFilterByType DEFLATE / svg + image xml AddOutputFilterByType DEFLATE / x-icon texte AddOutputFilterByType DEFLATE / css AddOutputFilterByType texte DEFLATE / html AddOutputFilterByType DEFLATE text / javascript AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule>

* Remarque: Assurez-vous d’ajouter ce code AU-DESSOUS des éléments que vous avez actuellement dans votre fichier .htaccess.

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

Des sites Web plus rapides gardent les visiteurs (et Google) 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 une entreprise en ligne, cela ne fait qu'aggraver la situation, car vous allez tuer votre propre oie dorée.

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.

A propos de Timothy Shim

Timothy Shim est un écrivain, un éditeur et un geek de la technologie. Il a débuté sa carrière dans le domaine des technologies de l’information et a rapidement trouvé son chemin dans la presse écrite. Il a depuis travaillé avec des titres de médias internationaux, régionaux et nationaux, notamment ComputerWorld, PC.com, Business Today et The Asian Banker. Son expertise se situe dans le domaine de la technologie, tant du point de vue du consommateur que de l'entreprise.