La lenteur et la régularité ont peut-être aidé la tortue à gagner la course, mais lorsqu’il s’agit de sites Web, même une seconde de retard entraîne une perte de trafic, de revenus et de crédibilité.
- 47 % des consommateurs s’attendent à ce qu’une page Web se charge en 2 secondes ou moins.
- 40% des personnes abandonnent un site web qui prend plus de 3 secondes à charger.
- Un retard d’une seconde dans la réponse de la page peut entraîner une réduction de 7% des conversions.
Cela signifie que chaque site web doit être optimisé pour la plus grande vitesse possible, quel que soit l’appareil ou le navigateur par lequel il est consulté. Afin de mettre en place les bons efforts d’optimisation, les développeurs doivent commencer par connaître les raisons de la lenteur du chargement des sites web.
10 Raisons pour lesquelles un site web se charge lentement sur certains appareils:
- Des performances de serveur insatisfaisantes : Lorsqu’une personne clique sur un site web, voici ce qui se passe. Le navigateur de l’utilisateur ping le serveur, ce qui signifie qu’il demande toutes les informations et les données nécessaires pour charger le site Web. Imaginez ce qui se passe lorsqu’une clé de voiture est utilisée pour démarrer le moteur. Or, si le serveur n’est pas à la hauteur, il met plus de temps à répondre. Même si tout le reste fonctionne parfaitement, des performances médiocres du serveur ralentiront la vitesse du site web.Les mauvaises performances du serveur dépendent généralement de la qualité de l’hôte web. Les hébergeurs bon marché proposent un serveur partagé. Cela signifie qu’un site web partage l’espace et les ressources avec un certain nombre d’autres sites web. Dans ce cas, chaque site est faible car il est dans une file d’attente avec d’autres sites.La solution ici est simple : Obtenez un meilleur hébergeur.
- Une localisation insatisfaisante du serveur : Les appels longue distance prennent plus de temps à se connecter car les informations nécessaires à l’appel doivent parcourir une plus grande distance. Plus de câbles, plus de satellites à traverser. Ce n’est pas différent lorsqu’il s’agit d’un site web. Si un utilisateur des États-Unis visite un site web utilisant un serveur basé au Danemark, le ping du navigateur nécessaire pour charger le site web doit parcourir la moitié du monde, demander l’accès aux données nécessaires, puis parcourir la moitié du monde pour atteindre l’appareil du visiteur. Évidemment, plus cette distance est grande, plus le site web est lent.
La solution ? Configurer les sites web avec des serveurs locaux autant que possible. Cela signifie que le visiteur américain doit accéder à un site Web hébergé sur un serveur aux États-Unis. Le visiteur danois devrait accéder à un site hébergé sur un serveur danois.
- Trop de trafic : À un niveau donné, un serveur web ne peut prendre en charge que les demandes d’un certain nombre de personnes. Une fois ce nombre dépassé, la page se charge plus lentement. Plus le nombre de visiteurs est élevé, plus le site web est lent. Avec un plus grand nombre de visiteurs, les fournisseurs de serveurs peuvent également être amenés à consacrer des ressources supplémentaires au site web. Cependant, sans mise à niveau, les services disponibles seront certainement insuffisants et entraîneront des temps de chargement de page lents.
- Contenu Flash excessif : Si Flash est utile pour stimuler l’interactivité d’un site web, il peut également ralentir la vitesse de chargement du site. Le contenu Flash a tendance à être plus lourd, et une plus grande quantité de ce contenu aura évidemment un impact sur la vitesse des fonctions du site Web. Si possible, réduisez la taille des fichiers Flash ou éliminez-les. Recherchez des alternatives HTML5 pour remplacer le contenu Flash existant et elles ont tendance à avoir des tailles de fichiers plus gérables.
- Trop de requêtes HTTP : Si un site Web contient trop de JavaScript, de CSS et trop de fichiers d’images, cela entraînera une augmentation des requêtes HTTP. Dans ce cas, chaque fois qu’une personne visite le site Web, le navigateur envoie au serveur beaucoup trop de requêtes afin de charger beaucoup trop de fichiers. Naturellement, cela ralentirait la page Web.
Pour y remédier, essayez de réduire les requêtes HTTP en utilisant des Sprites CSS. Réduisez le nombre de fichiers qui doivent être chargés sur une page Web. Minimisez les fichiers CSS et JavaScript, ce qui réduira également le nombre de fichiers qu’un utilisateur devra télécharger lors du chargement d’une page Web.
- Densité de code accrue : Comme l’expliquent les points mentionnés ci-dessus, les éléments web volumineux et denses auront un effet négatif sur la vitesse de chargement des pages. Peu de choses sont plus denses que le code qui crée réellement le site web. Par exemple, Facebook est construit sur quelque chose qui compte environ 62 millions de lignes de code. Google en compte 2 milliards. Le Grand collisionneur de hadrons, qui est le collisionneur de particules le plus grand et le plus énergétique du monde, ainsi que la plus grande machine du monde, utilise 50 millions de lignes de code. À moins qu’un site Web ne dispose des ressources nécessaires pour expédier et exécuter un code dense et étendu, il ralentira à cause de ce code dense et étendu.
Solution ? Nettoyez votre code. Débarrassez-vous des espaces blancs excessifs, des styles en ligne, des nouvelles lignes vides et des commentaires inutiles.
- Techniques de mise en cache inadéquates : La mise en cache est une technique par laquelle le navigateur stocke les données fréquemment utilisées dans sa mémoire cache. Cela signifie que la prochaine fois que le site Web est visité, le navigateur n’a pas besoin de charger toutes les données à nouveau. La récupération des données étant plus rapide, le temps de chargement s’en trouve accéléré. Sans mise en cache, le site Web doit charger tous les fichiers, à chaque fois. Ceci est absolument inutile et va nuire à l’expérience utilisateur alors que ce problème peut être facilement résolu.
Solution : Mettez en œuvre la mise en cache du navigateur/HTTP ainsi que la mise en cache côté serveur. Il y a de fortes chances que cela améliore grandement les performances du site Web en termes de vitesse.
- Trop de publicités : Si les publicités sont un bon moyen de monétiser les sites Web à fort trafic, elles peuvent également ralentir les pages Web. Plus de publicités signifient des requêtes HTTP supplémentaires, et leur effet sur la vitesse de chargement des pages a été expliqué ci-dessus. Les publicités Rich Media sont particulièrement nuisibles à cet égard. Avec des pop-ups et des pop-unders, des interstitiels et des téléchargements automatiques qui encombrent un site Web, les utilisateurs devraient attendre beaucoup plus longtemps pour que le contenu Web réel se charge.
- Utilisation d’un CMS obsolète : Un système de gestion de contenu (CMS) est utilisé pour créer, gérer et modifier le contenu numérique. Ils sont souvent utilisés pour la gestion des entreprises et du contenu web.Lorsque vous utilisez un CMS tel que WordPress ou Wix pour gérer un site web, assurez-vous qu’il a été installé avec les dernières mises à jour du logiciel. En se tenant au courant des dernières mises à jour, le logiciel est préservé de tout bug ou problème, notamment en matière de vitesse. Donc, la prochaine fois qu’une popup apparaît demandant d’installer la dernière version du CMS, faites-le.
- L’absence d’un CDN : Un CDN ou réseau de distribution de contenu est un réseau distribué de serveurs indépendants situés dans un certain nombre d’emplacements géographiques. Ils sont utilisés pour servir du contenu web aux visiteurs du site avec une disponibilité, une visibilité et des performances accrues. Le deuxième point de cet article explique pourquoi l’emplacement du serveur est important pour la vitesse de chargement des pages. Un CDN attribue des serveurs locaux à un site web. Cela signifie qu’il donne au site web un serveur américain pour ses visiteurs américains et un serveur danois pour les visiteurs danois. Cela permet de minimiser le temps d’aller-retour (RTT) du contenu web et de charger les pages web beaucoup plus rapidement.
Pour remédier à ces problèmes, reportez-vous à cet article sur la façon de rendre les sites web plus rapides. Cependant, une fois ces méthodes mises en œuvre, il faut tester le site web pour vérifier si la vitesse s’est réellement améliorée. Comme dans tous les cas, cette vérification doit être effectuée sur des appareils réels dans des conditions réelles d’utilisation.
Une façon simple de le faire est d’utiliser BrowserStack SpeedLab. C’est un outil gratuit, qui permet aux utilisateurs de tester la vitesse du site Web sur plusieurs navigateurs et appareils réels en un seul clic. Les résultats offrent un aperçu de la vitesse du site Web sur les ordinateurs de bureau et les appareils mobiles, ce qui vous permet d’identifier instantanément les goulots d’étranglement de vitesse propres à un navigateur ou à un appareil.
Essayez SpeedLab gratuitement
SpeedLab offre un moyen facile de vérifier les performances d’un site Web. Pour améliorer les performances, commencez par déterminer si les pages Web se chargent lentement. Si c’est le cas, utilisez les étapes présentées dans cet article. Une fois que c’est fait, utilisez à nouveau SpeedLab pour vérifier que les changements ont bien fonctionné. Puisqu’il n’y a pas de place pour l’échec lorsqu’il s’agit de l’expérience utilisateur, il ne peut y avoir d’échec lorsqu’il s’agit de vérifier les performances des pages Web.