15 façons d’accélérer votre site Web

L’une des pires choses qui puisse arriver à votre site Web est de perdre des clients sur des problèmes qui sont entièrement évitables. Les statistiques de l’étude 2017 sur le temps de chargement des pages Google montrent qu’une seconde peut faire une grande différence dans vos chiffres de trafic et la satisfaction de vos clients.


En une seconde:

  • Le nombre de pages vues pourrait être réduit de 11% ��
  • Les niveaux de satisfaction des clients pourraient chuter de 16% ��
  • Vous pourriez constater une réduction de 7% des taux de conversion ��

Au cours d’une année, ce retard d’une seconde pourrait entraîner une baisse de 2,5 millions de dollars des revenus pour les entreprises qui atteignent normalement en moyenne 100 000 $ de ventes quotidiennes..

En bref, latence est l’ennemi des performances du site Web et de la satisfaction des utilisateurs. Cinquante-trois pour cent des consommateurs déclarent qu’ils quitteraient un site Web dont le chargement prendrait plus de trois secondes.

Qu’est-ce que la latence et pourquoi est-elle importante?

Trois composants contribuent à la vitesse de livraison des données: la bande passante, la latence et le débit. Associés à un contenu et à un codage optimisés, ces éléments vont de pair. Les problèmes avec l’un affecteront les autres.

image montrant la latence et la vitesse du réseauBande passante est le pipeline sur lequel vos données voyagent. Une bande passante étroite réduit la quantité d’informations qui circulent sur ce pipeline à un moment donné. Cela entraîne des problèmes de latence et affecte le débit.

Site Internet latence est défini comme le temps nécessaire aux informations pour effectuer le trajet aller-retour du navigateur au serveur et à nouveau à l’utilisateur. Débit est la quantité de données qui circule sur un serveur dans une période de temps définie.

C’est l’équilibre optimal entre latence (faible) et bande passante (élevée) qui permet une livraison efficace et un meilleur débit. Si cet équilibre est défavorable, les temps de chargement de votre page Web seront plus lents et la livraison des données retardée.

Ce qui contribue à des taux de latence élevés?

  • Propagation. Il s’agit du temps nécessaire aux paquets de données pour voyager d’une source à une autre.
  • Support de transmission. Nous avons parcouru un long chemin depuis l’époque de la connexion à distance, mais le support de transfert affecte toujours la latence. Même les avancées technologiques telles que la fibre optique et le WAN ont des limitations physiques qui affectent les vitesses de livraison de contenu.
  • Routeurs. Ce que nous pouvons faire avec un clic de souris ou en tapant une URL met en mouvement une chaîne d’événements qui nous permet d’accéder à Internet. Aux yeux de l’utilisateur moyen, une demande est faite et honorée à la vitesse de la lumière. Cependant, cela dépend de la capacité de notre routeur à analyser correctement les en-têtes de paquets et d’autres informations.

Plus le réseau est distribué, plus un paquet doit sauter de routeur en routeur. Cela contribue à une latence élevée.

  • Espace de rangement. Des retards se produisent chaque fois qu’un paquet de données est réussi ou stocké. Le processus est compliqué davantage par le nombre de commutateurs et de ponts rencontrés entre la demande initiale du navigateur et la livraison. Voir connexes – meilleur stockage dans le cloud
  • Mise en page La façon dont vous configurez les fichiers et gérez les bases de données WordPress affectera la lecture et le traitement des instructions et du code. Un code propre, léger et élégant conduit à l’efficacité et à la vitesse.
  • Types et tailles de fichiers. Il va de soi que des fichiers plus petits et un formatage plus simple traverseront un réseau plus rapidement et plus efficacement. Les sites Web qui sont lourds sur les graphiques et autres médias riches dont le contenu semble plus encombré, et cela affecte la vitesse de chargement complet des pages. C’est pourquoi il est important de compresser les fichiers de votre site Web.

Les avantages de l’optimisation de votre site Web

Que vous décidiez d’utiliser un constructeur de site Web de haute qualité, d’engager un concepteur Web ou de créer votre page Web par vous-même, la sécurité et la rapidité de conception amélioreront l’apparence et la livraison de votre contenu. Cela aide à Optimisation SEO et offre une meilleure expérience utilisateur (UX).

Des études montrent que le chargement complet de la page de destination moyenne peut prendre jusqu’à 22 secondes à un site Web mobile. Imaginez l’avantage que vous aurez sur la concurrence si vous pouvez réduire vos temps de chargement à sept secondes ou moins.

15 façons d’augmenter votre vitesse Web aujourd’hui

Les serveurs d’aujourd’hui sont capables de fournir des temps de chargement mesurant en millisecondes plutôt qu’en secondes. En plus de contrôler la technologie qui fournit votre contenu Web aux visiteurs, vous pouvez mettre en œuvre un certain nombre de modifications et d’ajustements pour assurer des chargements de page cohérents et rapides et une UX globale plus satisfaisante..

Voici 15 façons d’augmenter la vitesse de votre site Web, et elles ne nuisent en rien à la qualité de votre contenu ou à l’esthétique de votre site.

1. Activer la compression de fichiers

La compression de fichiers n’a rien de nouveau. Nous avons tous rencontré des fichiers trop volumineux à télécharger auxquels nous pouvons accéder une fois compressés. La même idée peut aider votre site Web à se charger plus rapidement en utilisant la compression Gzip.

Pour ce faire, installez le plug-in de compression pour votre système de gestion de contenu ou manuellement via le fichier .htaccess. Cela fonctionnera pour CSS, JS, XML et HTML en ajoutant le code suivant:

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

2. Supprimez les plugins et extensions inutiles

Lorsque vous créez votre site Web pour la première fois, il est tentant d’installer et d’essayer un certain nombre de plugins, certains d’entre eux sont excellents, mais beaucoup d’autres finissent par accumuler de la poussière dans nos répertoires. Faites-en une règle pour désinstaller immédiatement tous les plug-ins et extensions ou extensions obsolètes, inutiles ou non pris en charge. Les désactiver peut sembler être l’option la plus facile, mais cela peut entraîner des problèmes de sécurité et vous mettre à risque de violations et d’exploits.

En ce qui concerne la sécurité des sites Web, il est également extrêmement important de se concentrer uniquement sur l’installation des meilleurs plugins WordPress tout en supprimant ceux qui ne sont pas nécessaires..

3. Optimiser HTTP

Il existe deux façons d’améliorer les temps de chargement des pages grâce à l’optimisation HTML. La première consiste à minimiser vos requêtes HTTP. Vous pouvez accomplir cela de plusieurs manières:

  • Utilisez CSS au lieu d’images autant que possible
  • Combinez des fichiers CSS, JS et HTML pour éviter les ballonnements et la redondance
  • Concevez des pages simples et épurées avec moins d’éléments
  • Activer la mise en cache
  • Réduisez le nombre de redirections en purgeant les anciennes pages et les liens rompus

La deuxième façon d’optimiser le HTML consiste à activer Keep-Alive. Normalement, chaque demande de fichier lance une action distincte. En activant HTML Keep-Alive, vous créez une connexion ouverte qui reste ainsi jusqu’à ce que toutes les demandes du navigateur soient honorées. Copiez simplement ce morceau de code dans votre fichier .htaccess, entouré des balises d’ouverture et de fermeture appropriées:

IfModule mod_headers.c
Jeu d’en-têtes Connection keep-alive
IfModule

4. Installer un réseau de distribution de contenu (CDN)

Réseaux de distribution de contenu (CDN) réduire les temps de chargement des pages de la même manière que les serveurs. Ces réseaux sont répartis sur différents points du globe, permettant à une personne de cette géolocalisation d’accéder à votre site Web plus près de chez vous..

De nombreux services d’hébergement incluent un CDN dans le cadre de leur service, alors vérifiez la disponibilité avant de vous connecter avec quelqu’un. Voir connexes – meilleurs CDN canadiens

5. Activer la mise en cache

La mise en cache laisse une copie de votre page Web dans le navigateur de l’utilisateur jusqu’à ce que la page soit actualisée et le contenu mis à jour. Cela signifie moins de requêtes HTTP et de pages à charger. Lorsque vous activez la mise en cache, vous pouvez réduire les temps de chargement des pages de 1,5 seconde. À une époque où chaque seconde compte, cela représente une énorme différence.

La mise en cache dans WP peut être activée avec le plugin Rocket ou via l’un des plugins gratuits comme WP3 Total Cache ou Super Cache. Ceux qui utilisent HTML peuvent activer la mise en cache via Etags, Expire ou d’autres méthodes. Les utilisateurs Drupal peuvent effectuer l’activation du cache en suivant ces instructions.

6. Réduisez le code JS et CSS

Vous pouvez améliorer les temps de chargement de vos pages en réduisant la quantité de codage nécessaire pour effectuer une action. Commencez par créer un fichier séparé pour JS et CSS, puis réduisez les espaces blancs, supprimez les commentaires inutiles et combinez les fichiers ou les lignes de commande dans la mesure du possible. Si vous ne savez pas comment réduire au minimum le code sans créer d’autres problèmes, il existe des outils de minimisation qui identifieront et corrigeront le codage gonflé.

7. Utiliser le chargement de fichiers JS et CSS asynchrones

Une fois que votre code est simple et efficace, vous pouvez modifier la façon dont les fichiers sont chargés sur votre page via un chargement asynchrone. Cela change la façon dont le contenu est chargé sur votre page en le faisant plus efficacement.

Vous voyez, la plupart des navigateurs traitent les demandes en chargeant les pages dans l’ordre, une à la fois. Ceci est connu comme chargement de page synchrone. Chaque fois que le navigateur rencontre une page synchrone, il interrompt toutes les autres activités jusqu’à ce que la page actuelle soit entièrement chargée. Avec le chargement asynchrone, votre navigateur est capable de gérer simultanément certaines demandes, ce qui signifie des temps de chargement de site Web plus courts.

La plupart des systèmes de gestion de contenu disposent d’un mécanisme permettant d’activer le chargement de fichiers CSS et JS asynchrones. Par exemple, WordPress a un onglet «Fichiers statiques» sur leur plugin Rocket qui vous permettra d’activer cette fonction en cochant les cases appropriées dans la section «CSS / JS bloquant le rendu». L’utilisateur non WP peut activer ceci dans JS en utilisant l’attribut async ou defer. Pour CSS, essayez d’écrire des styles pour le premier écran dans la tête de HTML pour permettre le chargement asynchrone de la première page.

Le chargement différé de JavaScript peut produire les mêmes résultats et il peut être activé dans la même section du panneau WP Rocket que les préférences de chargement. Si vous exécutez un site en HTML, vous pouvez différer le chargement de JS en appelant le fichier externe juste avant la balise body sur votre code, comme ceci:

8. Optimiser les fichiers image

Les images sont l’un des plus gros porcs de ressources et de bases de données. Bien sûr, les photos s’ajouteront à votre contenu, mais un trop grand nombre affectera également la vitesse et réduira le trafic. Si vous devez inclure des images sur votre site Web, choisissez-en une ou deux, réduisez leur taille de fichier et saisissez-les en quelque chose de plus efficace comme .jpeg, ou faites-en un collage plutôt qu’une galerie d’images distinctes. Vous pouvez également les déplacer vers une plate-forme conçue pour les images, comme InstaGram, et un lien simple vers cette plate-forme à partir de votre site Web..

Il en va de même pour le contenu vidéo, qui peut être supprimé d’une chaîne YouTube. Ces deux solutions aideront également au référencement, car vous pouvez les optimiser séparément en utilisant une combinaison de balises alt pour indexer les images et le contenu vidéo et le référencement sur la page pour l’optimisation globale de la page. Un de nos favoris est Optimizilla.

9. Désactivez le hotlinking et limitez les partages sur les réseaux sociaux

En parlant de médias sociaux et d’images, vous feriez bien de désactiver les liens actifs sur votre page Web et de limiter les partages sur les réseaux sociaux. La deuxième suggestion semble contraire à tout ce que vous savez sur la preuve sociale, la sensibilisation et l’engagement, mais vous pouvez trouver un équilibre qui soutiendra votre présence sur les réseaux sociaux sans affecter les performances.

Cela nous amène au problème de liens actifs. Les liens hypertexte sont un peu de technologie qui permet à d’autres personnes de prendre votre contenu et de l’utiliser sur leur propre site Web ou plate-forme de médias sociaux. Il augmente également par inadvertance votre utilisation des ressources.

Plutôt que de créer des liens vers des images ou du contenu sur un autre site Web, ou de permettre que vous les voliez, téléchargez-les et enregistrez-les sur votre serveur. Cela peut sembler contre-intuitif, mais un lien vers un autre contenu de site Web peut avoir la conséquence inattendue de permettre aux performances d’un site potentiellement inférieures aux normes de quelqu’un d’autre d’affecter les vôtres..

10. Réduisez les scripts externes

Ajouter des scripts externes vi Le code JS augmente le nombre de requêtes HTTP, ce qui diminue la vitesse du site Web. Certains scripts externes sont nécessaires, vous n’avez donc pas à les éliminer complètement. Pingdom vous permet de tester chaque lien externe afin de déterminer ceux qui causent un problème.

Avant d’ajouter des liens externes à votre contenu Web, assurez-vous que le site Web source est fiable, sinon vous pourriez signaler leurs problèmes à votre plate-forme..

11. Rechercher et réparer les liens rompus

Tous les liens rompus qui se terminent par des redirections ou des messages d’erreur peuvent affecter l’UX. Cependant, cette astuce fait référence aux liens contenus dans vos fichiers image, JS ou CSS. Recherchez et testez les liens dans l’en-tête de vos fichiers CSS et dans l’URL source JavaScript. Vous pouvez les rechercher manuellement, en examinant les journaux du serveur ou en utilisant un outil de vérification des liens.

12. Optimisez vos bases de données

Le stockage de fichiers volumineux contribue certainement à des performances lentes. Vous voulez un enregistrement complet de chaque action à des fins de sécurité, mais chaque fois qu’un plugin ou une autre fonctionnalité enregistre des données, il s’accumule dans votre base de données. Imaginez tous ces pingbacks, spams ou commentaires inutiles, et postez les révisions qui s’accumulent, et vous avez une bonne idée du problème.

optimisation de base de données

Afin d’éviter ce problème, effectuez des sauvegardes régulières suivies de purges pour éliminer les données excessives sans subir de conséquences imprévues..

13. Utilisez des thèmes légers

Vous seriez étonné de la différence qui vient de changer votre thème de quelque chose de maladroit et chargé de code en un framework léger. Si votre site Web semble lent et que tous les autres éléments sont corrects, essayez d’utiliser un thème plus récent et plus léger. Cela signifie plonger plus profondément dans l’histoire des performances du thème plutôt que de simplement chercher quelque chose qui a l’air joli.

Comme pour les plugins, assurez-vous de désinstaller l’ancien thème plutôt que de le désactiver.

14. Choisissez un bon système de gestion de contenu

Systèmes de gestion de contenu (CMS) sont essentielles pour maintenir une vitesse et des performances fiables. Le plus populaire est de loin WordPress, mais il existe également Joomla, Drupal et bien d’autres. Ils offrent l’avantage de l’optimisation du contenu et la disponibilité de plugins ou de fonctionnalités améliorant les performances.

15. Choisissez votre service d’hébergement en fonction des performances

Il peut être tentant de trouver un service d’hébergement bon marché. Après tout, votre pain et votre beurre sont dans votre plateforme, non? Cependant, l’optimisation de tous les autres composants qui contribuent à des performances efficaces n’aura aucune importance si votre plate-forme d’hébergement est de qualité inférieure..

Cela signifie non seulement de choisir un plan qui vous permettra de gérer les pics de trafic et la croissance, mais aussi de trouver un fournisseur doté de la technologie pour soutenir les performances. Les plans d’hébergement partagé sont acceptables si vous débutez et utilisez plus de contenu statique. Cependant, votre vitesse et la disponibilité des ressources dépendent parfois de bons voisins.

Dans la mesure du possible, optez pour un réseau privé virtuel de qualité (VPN) ou un serveur dédié. Cela vous fournira les ressources, le stockage et la disponibilité nécessaires pour réduire les temps d’arrêt et la latence.

N’oubliez pas les tests et l’évaluation continue

Savoir quoi modifier et quand dépend de savoir quels problèmes affectent les temps de chargement des pages et la vitesse globale de livraison de contenu. Certains services d’hébergement ont des outils intégrés que vous pouvez utiliser pour mesurer les performances d’un site Web. Il existe également un certain nombre de méthodes et d’outils que vous pouvez utiliser pour mesurer la latence et les temps de chargement des pages..

Peu importe la méthode ou l’outil que vous utilisez, assurez-vous de tester à partir de divers endroits. Il va de soi que les serveurs situés plus loin de la source mettront plus de temps à fournir du contenu. Le géotest à partir d’un certain nombre d’emplacements vous aidera à évaluer les taux de latence. Lorsque vous effectuez un test de vitesse, faites-le à la fois avec votre CDN activé et désactivé. Cela vous aidera à évaluer l’efficacité de votre CDN et d’autres technologies.

comment fonctionne un cdn

Pingdom est l’un des outils de test de vitesse les plus courants et les plus efficaces. Cet outil en ligne gratuit est un moyen facile de déterminer un éventail de problèmes liés aux performances et à la vitesse du site Web. Vous entrez simplement votre URL et l’emplacement du serveur dans la zone de recherche et appuyez sur «Démarrer le test». Vous pouvez également acheter un abonnement premium pour des tests plus approfondis sur la disponibilité et les types de contenu à partir de plus de 70 emplacements de serveur.

Voici un exemple de test ping utilisant le DNS public de Google:

$ ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 octets de données
64 octets à partir de 8.8.8.8: icmp_seq = 0 ttl = 56 time = 54.524 ms
64 octets à partir de 8.8.8.8: icmp_seq = 1 ttl = 56 time = 43.423 ms
64 octets à partir de 8.8.8.8: icmp_seq = 2 ttl = 56 time = 50.773 ms

Un outil traceroute tracera le trajet des paquets d’un serveur à l’autre, mesurant l’itinéraire du navigateur à l’hôte et identifiant les goulots d’étranglement ou autres problèmes.

Voici un exemple de rapport de commande traceroute utilisant le même Google DNS:

$ traceroute 8.8.8.8
traceroute vers 8.8.8.8 (8.8.8.8), 64 sauts maximum, paquets de 52 octets
1192.168.0.1 (192.168.0.1) 6,632 ms 9,659 ms 10,089 ms
2 10.89.0.1 (10.89.0.1) 29.867 ms 14.293 ms 30.259 ms
3 blk-212-126-117.eastlink.ca (173.212.126.117) 20,677 ms 19,575 ms 20,155 ms
4 ns-hlfx-dr002.ns.eastlink.ca (24.215.102.161) 30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca (24.215.102.221) 29,540 ms 29,516 ms 29,989 ms
6 ns-hlfx-br001.ns.eastlink.ca (24.215.102.9) 26,678 ms 29,203 ms 30,787 ms
7 google.eastlink.ca (24.215.101.10) 49.027 ms 49.196 ms 90.601 ms
8209.85.241.127 (209.85.241.127) 49,999 ms
72.14.239.75 (72.14.239.75) 48.939 ms
72.14.235.169 (72.14.235.169) 46.823 ms
9 google-public-dns-a.google.com (8.8.8.8) 49,465 ms 45,436 ms 43,772 ms

En parlant de Google, ils ont également un outil gratuit pour tester les sites Web pour les problèmes de vitesse et de performances. Vous pouvez accéder à leurs informations PageSpeed ​​ici.

Le test n’est pas une opération unique. Votre site Web doit être surveillé 24 heures sur 24 à l’aide de l’automatisation et de certains des outils disponibles pour les tests de performances et de vitesse. pour que les résultats aient un sens. Cela vous aidera à identifier les problèmes avant qu’ils ne deviennent des problèmes coûteux..

Dernières pensées

À mesure que les réseaux deviennent plus encombrés et distribués, la latence devient plus probable. Notre objectif est de vous fournir les informations dont vous avez besoin pour améliorer les performances et la vitesse de votre site Web. En plus de choisir le meilleur service d’hébergement Web pour vos besoins et votre budget, l’optimisation de votre contenu et de la façon dont il est diffusé contribuera grandement à éliminer de nombreuses causes de temps d’arrêt et de ralentissement des performances..

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

About the author

Adblock
detector