14 astuces d’éclairage pour accélérer votre site Web

Cette série de blogs sur la vitesse du site Web a été une promenade amusante.


Jusqu’à présent, nous avons appris qu’Amazon perdrait 1,6 milliard de dollars (!) Si son site Web ralentissait.

Nous avons également appris exactement ce qui se passe dans les coulisses pour provoquer un ralentissement du site Web.

Cela nous amène à notre conclusion naturelle: comment pouvez-vous exactement accélérer les choses? Nous couvrons tout, de la vitesse du serveur à l’optimisation et quelques extras bonus entre les deux.

Tout d’abord, récapitulons ce qui cause la lenteur de la vitesse:

Lorsque vous chargez mon site Web ici sur Bitcatcha, votre navigateur (Firefox, Safari, Chrome, etc.) entame une conversation avec mon serveur Web.

Navigateur: «Hé serveur Web! Pouvez-vous me fournir tous les éléments nécessaires pour afficher Bitcatcha.com s’il vous plaît? “

Serveur: «Bien sûr, laissez-moi les trouver et les envoyer».

Ensuite, le serveur Web place toutes les parties du site Web dans un tunnel et les envoie à votre navigateur pour le charger..

Cela semble assez simple, mais voici ce qui va ralentir les choses:

  • Un serveur paresseux qui met du temps à répondre aux demandes.
  • Un serveur qui gère simultanément des pièces pour de nombreux autres sites Web.
  • Beaucoup de “parties” de gros sites Web que chacun doit trouver et envoyer dans le tunnel.
  • Un tunnel très fréquenté.

Il y a beaucoup de choses qui peuvent mal tourner ici. Alors, comment pouvons-nous accélérer les choses?

Accélérez votre site Web

Partie 1: rendre votre serveur plus rapide

1. Passez à un meilleur hébergeur (c.-à-d. Un meilleur serveur)

Votre hébergeur est la société qui fournit le serveur. C’est comme louer un terrain sur Internet, où vous stockerez toutes les parties du site.

La plupart d’entre nous ont tendance à acheter le terrain le moins cher que nous trouvons. Mais ce n’est pas nécessairement une solution judicieuse.

Les hébergeurs bon marché louent des serveurs bondés et petits. N’oubliez pas que vous voulez que votre serveur réponde rapidement aux demandes et envoie rapidement votre site Web dans le tunnel au navigateur.

Remarque

Consultez notre liste d’hébergement Web le plus rapide en fonction du temps de réponse de leur serveur.

2. Passer d’un hébergement partagé à un VPS

Les hébergeurs bon marché placeront votre site Web sur un serveur avec des tonnes d’autres sites Web. C’est ce qu’on appelle l’hébergement partagé, et cela signifie que vous devez vous battre pour des ressources.

Si un site Web reçoit soudainement beaucoup de trafic, il va ralentir le vôtre, alors qu’il engloutit la bande passante.

En passant à un VPS (un serveur privé virtuel) ou (au moins un serveur partagé haut de gamme comme SiteGround), votre hébergeur clôturera un coin du serveur partagé juste pour vous. Cela signifie que vous n’avez pas à vous soucier que d’autres sites Web volent vos ressources.

3. Rapprochez le serveur de votre public

Chaque fois que quelqu’un clique sur votre site, votre serveur doit envoyer physiquement les informations à travers la planète à son écran d’ordinateur.

Si le serveur est à l’autre bout du monde, cela va prendre beaucoup de temps. Si vous savez d’où vient la majeure partie de votre trafic, demandez à votre hébergeur de placer votre site Web sur un serveur le plus proche de votre public principal.

4. Utilisez un réseau de diffusion de contenu

Le problème avec le rapprochement de votre serveur d’une certaine audience, c’est que quelqu’un y perdra. Si vous déplacez votre serveur en Californie, vos visiteurs australiens auront un temps de chargement lent. Vos visiteurs européens aussi.

Un réseau de diffusion de contenu, ou CDN, place vos données sur des serveurs partout dans le monde. Ainsi, lorsque quelqu’un clique sur votre site Web, le serveur le plus proche de lui envoie les informations.

Cela signifie que vos visiteurs obtiennent une vitesse super rapide où qu’ils se trouvent dans le monde. (Pour votre référence, J’utilise Cloudflare ici à Bitcatcha.)

5. Activez le paramètre “Keep Alive”

Lorsque votre serveur envoie les fichiers de votre site Web dans le tunnel, chaque partie se déplace séparément. Votre feuille de style CSS, votre logo, chacune de vos images, etc..

De toute évidence, la façon la plus efficace de le faire est de les envoyer tous dans le même grand tunnel.

C’est là que le paramètre «Keep Alive» entre en jeu. Lorsqu’il est activé, le tunnel principal reste allumé, et tout revient par la même connexion (c’est super rapide)..

Mais lorsque le paramètre est désactivé, un nouveau tunnel doit être créé pour chaque élément. (C’est super lent).

La plupart des hébergeurs Web conservent ce paramètre (ce qui est bien), mais parfois les hôtes partagés ferment les connexions sans avertissement.

Partie 2: Optimiser les éléments du site Web

Maintenant que nous avons rendu votre serveur aussi rapide et efficace que possible, comment optimiser les parties du site Web elles-mêmes?

6. Réduisez le temps d’aller-retour (RTT)

Votre navigateur doit actuellement demander au serveur chaque élément, un par un. Votre logo, puis chacune des images, puis votre feuille de style CSS.

Le temps qu’il faut pour le recevoir est d’un aller-retour.

Plus vous devez effectuer de voyages aller-retour, plus le chargement du site Web prend du temps. C’est comme emballer votre voiture avec des boîtes et les déplacer dans une nouvelle maison.

Plus vous avez de boîtes, plus vous devez faire d’aller-retour. La solution? Réduisez le nombre de boîtes que vous emportez.

Réduisez la quantité d’éléments que votre serveur doit envoyer dans le tunnel. Moins d’images, moins de code, moins de plugins.

7. Activez la compression sur votre site Web

Malheureusement, ce n’est pas seulement le nombre de boîtes. C’est leur poids. Si tous vos éléments sont gros et lourds, cela va prendre beaucoup de place dans votre tunnel. Ils se déplaceront également plus lentement. C’est comme la construction de camions. Chacun rempli de caisses lourdes.

Heureusement, vous pouvez compresser votre site Web et tout ce qu’il contient. Utiliser un outil comme Gzip. (Il est reconnu par 90% des navigateurs. – C’est à peu près tout le monde sauf quelques retardataires utilisant encore Internet Explorer 4.)

Les parties les plus volumineuses de votre site sont les images, HTML, CSS et Javascript. En les compressant, vous pouvez réduire le «poids» moyen de votre site pendant son transfert.

Fait amusant

le le poids moyen d’un site Web est de 2 Mo, mais il s’agrandit chaque année.

8. Optimisez vos images

Les images sont généralement la partie la plus lourde de tout site Web. Ils sont l’élément de chargement le plus gros, le plus gras et le plus lent.

Commencez par les recadrer à la taille exacte dont vous avez besoin. Ne téléchargez pas d’énormes images et réduisez-les dans le code HTML. Téléchargez-les simplement à la bonne taille.

Compressez également vos images avant de les télécharger. Si vous utilisez WordPress, des plugins comme WP Smush pourrait réduire la taille de l’image de 80%!

9.… Ou faites des sprites

Un sprite est une image unique qui contient beaucoup de petites images. C’est génial pour partager des boutons ou d’autres éléments d’image.

Maintenant, votre site Web n’a plus qu’à faire une seule demande, plutôt que dix demandes distinctes. Vous pouvez ensuite utiliser CSS pour choisir les parties de l’image à afficher où.

10. Coupez votre code

HTML est dense et lourd. C’est aussi incroyablement répétitif. CSS est un peu plus rationalisé, mais beaucoup est redondant.

Il est temps de parcourir votre code avec un peigne à dents fines et de vous débarrasser de tous les bits inutiles.

Si vous utilisez un modèle de WordPress, Tumblr, etc., il y a probablement beaucoup de code que vous n’utilisez pas. Ces modèles sont configurés pour vous offrir de nombreuses options de fonctionnalités. Mais la plupart d’entre nous n’ont pas besoin de tout.

Soyez impitoyable!

11. Désinstaller les plugins inutiles (WordPress)

Nous avons tous expérimenté des tonnes de plugins au fil des ans. Mais souvent, nous oublions de les désinstaller.

Chaque plugin est une autre demande de serveur. C’est un autre paquet lourd qui bloque votre tunnel à grande vitesse.

Si vous ne l’utilisez pas, désactivez-le.

12. Réduisez les redirections

Pour chaque redirection, vos packages montent et descendent le tunnel deux fois. À moins que vous ne deviez absolument le faire, n’utilisez pas de redirections sur votre site Web..

Partie 3: Bonus supplémentaires

13. Réduisez les recherches DNS

Il y a une partie du processus dont nous n’avons pas encore parlé. Cela se produit dès le début.

Avant que votre navigateur ne commence la conversation avec le serveur, il doit trouver l’emplacement du serveur (en trouvant son adresse IP). C’est comme chercher le numéro du serveur dans l’annuaire. Cela prend un peu de temps. (Généralement de 20 à 120 millisecondes).

Cela prend encore plus de temps s’il y a plusieurs noms de domaine associés à votre site Web. Exemples courants: blog.yourwebsite.com, ou domaines supplémentaires pour les images, les feuilles de style et les objets flash.

Si votre navigateur doit le faire cinq fois, vous risquez de perdre une demi-seconde. Gardez-le dans le moins de domaines possible.

14. Mise en cache du navigateur

Imaginez à quelle vitesse les choses se passeraient si votre navigateur pouvait conserver une copie de tous les fichiers du site Web. De cette façon, il n’aurait pas à contacter le serveur à chaque fois. Il pourrait simplement les charger de la mémoire.

C’est ça la mise en cache. Cela signifie que votre navigateur «se souvient» du site Web. Lorsque vous le chargez une deuxième fois, c’est super rapide.

Phew! C’était un poste plus long que d’habitude, mais je pense que ça valait le coup.

Vous savez maintenant tout ce qu’il faut savoir pour rendre votre site Web rapide comme l’éclair. Ces astuces pourraient réduire de quelques secondes votre vitesse de chargement.

Cela signifie des visiteurs heureux. Et cela signifie plus de ventes.

Guide de vitesse WordPress

Si votre site Web est construit avec WordPress, nous avons compilé un guide détaillé étape par étape sur l’accélération de WordPress. Nous utilisons les étapes exactes pour effectuer des charges Bitcatcha.com en 3 secondes.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map