5 étapes pour réduire le temps de chargement du site Web de 54 %

Vous avez environ quatre secondes pour retenir l'attention d'un visiteur pour la première fois suffisamment longtemps pour le convertir à votre liste de diffusion ou lui vendre un produit ou un service.

Après cela, s'ils se tournent encore les pouces, attendant que le premier signe d'une page Web s'affiche, vous allez perdre environ la moitié d'entre eux. Grande hypothèse ici, mais vous ne voulez probablement pas sacrifier autant de clients payants potentiels simplement parce que votre site Web donne l'impression qu'un paresseux fait la sieste rapidement.

Selon une étude menée par Gomez.com, environ la moitié des visiteurs Web souhaitent qu'un site se charge en 2 secondes, et ils quittent généralement un site qui n'est pas chargé dans les 3 secondes. 79 % des acheteurs en ligne qui ont des problèmes avec les performances du site déclarent qu'ils ne reviendront pas sur le site pour acheter à nouveau et environ 44 % d'entre eux partageraient avec des amis s'ils avaient eu une mauvaise expérience avec les achats en ligne.

La bonne nouvelle est que, dans la plupart des cas, le temps de chargement des pages peut être considérablement amélioré avec quelques ajustements. Peut-être jusqu'à 54% avec les cinq que nous allons vous lâcher. Prêt? Allons-y!

#1. Réduire ces images à la taille

Les images qui n'ont pas été optimisées sont peut-être les plus grands contrevenants lorsqu'il s'agit d'un site Web extrêmement lent. Nous parlons de taille de fichier simple. Trop souvent, les images extraites directement de l'appareil photo d'un téléphone ou d'un site d'images de stock sont volumineuses - plusieurs mégaoctets. Au moment où vous mettez un ou plusieurs de ces bébés dans quelques dizaines ou centaines de messages, votre site Web se vautre comme un lamantin enceinte.

Voici une solution à ce problème. Si vous avez Photoshop, c'est parfait, même si un éditeur graphique en ligne gratuit comme Pixlr fonctionne tout aussi bien. Ce que vous devez faire est de réduire la taille de chaque image avant qu'elle ne soit téléchargée sur le site Web. Vous pouvez jouer avec les paramètres pour trouver ce qui fonctionne pour vous, mais prendre des photos d'une taille de kilo-octets plutôt que de mégaoctets.

#2. Mettez votre navigateur au travail

Les navigateurs les plus couramment utilisés ont la capacité de mettre en cache les éléments du site Web, et vous seriez un entrepreneur avisé pour en profiter. Voici comment cela fonctionne. Lorsqu'un visiteur arrive sur votre site Web pour la première fois, chaque élément de la page - images, texte, scripts, CSS - doit être téléchargé. Désolé, il n'y a vraiment aucun moyen de contourner cela, même si cela devrait souligner la nécessité de rendre votre site Web aussi léger que possible dès le départ.

Mais avec une mise en cache correctement configurée, les visites suivantes se chargent plus rapidement car les éléments qui n'ont pas changé n'ont pas besoin d'être téléchargés à nouveau. Étant donné que la plupart des sites Web (hormis les sites d'actualités) ont une majorité de contenu qui reste le même, la mise en cache du navigateur accélère considérablement l'expérience. Si l'idée de vous assurer que cette fonction est activée sur votre site Web vous fait éclater dans l'urticaire, appelez le support technique de votre société d'hébergement et faites-leur gagner leur argent.

#3. Amincissez votre site Web

Saviez-vous qu'en activant la compression sur votre site Web, vous pourriez réduire la taille cumulée des fichiers de 50 à 70 % ? Les gens, c'est important et cela pourrait faire la différence entre une entreprise en ligne réussie et une énorme perte de temps. Ce dont nous parlons essentiellement ici, c'est de déposer les fichiers de votre site Web dans une ceinture cybernétique - également appelée fermeture éclair.

Un site Web compressé nécessite moins de bande passante pour être téléchargé sur l'ordinateur d'un visiteur, se déplaçant ainsi plus rapidement dans le « pipeline ». La compression à l'échelle du site est un paramètre appliqué au niveau du serveur. Si vous utilisez votre propre serveur, vous le savez probablement déjà, alors n'hésitez pas à passer à l'élément suivant de notre liste. Pour les masses qui souscrivent à des plans d'hébergement réguliers, vous devriez, encore une fois, appeler ou discuter avec votre sympathique personnel d'assistance technique. Dites-leur ce que vous essayez d'accomplir et ils devraient pouvoir le prendre à partir de là.

#4. Rationalisez votre CSS

Les concepteurs Web utilisent des fichiers CSS pour contrôler la mise en page et l'apparence d'une page Web. Étant donné que ce fichier (ou ces fichiers) doit être chargé avant que vous ne voyiez quoi que ce soit, il est logique de le garder aussi petit que possible. Une bonne première étape consiste à jeter un coup d'œil au code réel et à jeter tout ce qui n'a pas besoin d'être là. Littéralement, chaque caractère et chaque espace que vous utilisez ajoutent de la taille au fichier et du temps d'attente du visiteur.

Votre prochaine étape consiste à minimiser le CSS. C'est le processus de suppression des espaces supplémentaires dans le code qui le rendent joli mais ralentissent le temps de chargement. Si vous utilisez un CMS pour votre site Web, certains (HubSpot) minimisent automatiquement le CSS tandis que d'autres (WordPress, Joomla) ne le font pas. Si vous avez besoin d'une option tierce, consultez un service en ligne gratuit comme CSS Minifier. Couper, coller et compresser.

#5. Localisez les scripts stratégiquement

Tout le monde aime Javascript. Cela rend les sites Web beaucoup plus cool et plus réactifs, mais, placé de manière incorrecte, il peut également introduire ce qui semble être un arrêt net dans le processus de chargement de la page. Étant donné que personne n'aime les arrêts nets, en particulier le trafic sur le site Web, il est logique de mettre tout Javascript que vous utilisez à la fin du document HTML.

Étant donné que les navigateurs interprètent le HTML de manière séquentielle de haut en bas et affichent les éléments au fur et à mesure qu'ils leur parviennent, la dernière chose que vous voulez est un code Javascript hautement placé qui appuie essentiellement sur le bouton "pause" pendant plusieurs longues secondes. Il y a une expression dans le monde de la presse appelée « sous la ligne de flottaison », qui fait référence aux articles qui apparaissent sur la moitié inférieure de la première page et qui sont considérés comme moins importants que le titre principal.

Nous ne disons pas que votre code Javascript est moins important mais, en raison de la réalité du fonctionnement des navigateurs, rendez-vous service et faites-en la dernière chose chargée.

Dernières pensées

De nombreux entrepreneurs en ligne commencent par utiliser un plan d'hébergement mutualisé et qui pourrait les blâmer ? Ils sont peu coûteux et faciles à mettre en place. L'inconvénient est que votre site Web se trouve sur un serveur avec peut-être des centaines d'autres. De toute évidence, ce n'est pas la situation idéale lorsque la vitesse de chargement du site Web est critique. Vous voudrez peut-être éventuellement envisager de passer à une option plus rapide comme un serveur dédié, un plan d'hébergement de serveur privé virtuel ou même un hébergement géré fiable.

Reportez-vous à ce site pour une excellente comparaison des 5 types d'hébergement si vous pensez avoir besoin d'une solution différente mais n'êtes pas sûr de ce qu'elle devrait être. Enfin, si vous êtes curieux de savoir si votre site Web est réellement lent, ce site Web vous permet d'insérer votre URL et d'effectuer un test de vitesse du site Web. Il n'y a pas de meilleur moment que le présent pour découvrir la vérité.

Nous espérons que cet article vous a aidé à apprendre comment réduire le temps de chargement des pages de 54 %. Si vous êtes sérieusement préoccupé par la façon d'accélérer votre site, nos experts ont pensé à un guide pour améliorer ses performances spécialement pour vous.