Sur Internet, vous trouverez de nombreuses statistiques sur le temps que les gens sont prêts à attendre avant de se charger d’un site Web avant de perdre tout intérêt.
Ceux qui disposent de connexions haut débit fixes s’attendent à ce qu’un site Web apparaisse presque instantanément, et même les utilisateurs mobiles n’ont pas une patience infinie.
Selon les recherches, le temps de chargement optimal d’une page est de trois secondes, bien que la majorité des sites se rapproche du double, voire davantage. Et si vous dépassez les 10 secondes, la majorité des gens abandonnera probablement la page et ira ailleurs.
Le temps requis pour qu’une page Web apparaisse sur un navigateur dépend de facteurs divisés entre le serveur et le périphérique client à l’autre extrémité.
Bien qu’il soit impossible d’accélérer tous les utilisateurs pour des raisons indépendantes de la volonté du concepteur Web, il est pratique de rendre un site aussi efficace que possible, améliorant ainsi les performances de la majorité des visiteurs.
L’amélioration de la vitesse peut être obtenue avec une gamme de méthodes différentes, mais il existe trois piliers centraux pour améliorer les performances du site. Il s’agit de l’hébergement amélioré, de l’optimisation des sites et de considérations spécifiques à la plate-forme.
- Nous avons choisi les meilleurs services d’hébergement Web ici
L’importance de l’hébergement
Le montant qu’un site consacre à l’hébergement Web est généralement proportionnel au nombre de visiteurs attendus chaque jour, en tenant compte de la durée de chaque séjour et du nombre de pages qu’il visite.
C’est la principale raison, avec les problèmes de sécurité, pour laquelle relativement peu d’entreprises hébergent des sites en interne.
En général, l’hébergement Web est «virtuel» en ce sens qu’un élément spécifique du matériel n’est pas attribué au site Web. Il est plutôt partagé avec d’autres sites par le biais de la virtualisation.
L’avantage de cette solution réside dans le fait que plus de ressources peuvent être allouées facilement à un site en période de forte demande, à condition que l’accord d’hébergement permette cette flexibilité.
L’important est de décider du trafic que vous prévoyez de recevoir et d’élever votre service de manière appropriée.
Si votre site connaît une croissance rapide, mais en raison du niveau d’hébergement, il commence à ne plus répondre dès qu’un flot de visiteurs se présente, cela pourrait nuire à l’ensemble de votre projet. Par conséquent, prévoyez de commencer petit puis d’agrandir lorsque le site aura atteint sa maturité.
Optimisation du site
La performance de tout site Web dépend beaucoup de la manière dont il a été construit et de la technologie logicielle utilisée.
Une fois que vous avez un site prototype, l’une des premières procédures à effectuer consiste à noter le temps de chargement de chaque page. Il existe de nombreux outils disponibles pour mesurer les performances des pages, et certains d’entre eux décomposeront les temps afin d’identifier exactement ce qui a causé le plus de retard sur une page donnée.
Ce test n’est pas quelque chose que vous ne devriez effectuer qu’une seule fois sur un seul PC, car vos visiteurs viendront d’un grand nombre de lieux différents, avec des connexions haut débit variées, et ils utiliseront différents types de périphériques.
Il est particulièrement important que les plates-formes mobiles soient testées à la fois sous des connexions Wi-Fi et cellulaires. Et, dans un monde idéal, obtenir des résultats à partir de régions géographiques éloignées constitue également une information précieuse.
Une fois ces données de performance assemblées, il est temps de revenir sur le site et de voir quelles modifications vous pouvez apporter pour améliorer l’expérience utilisateur.
Voici une liste des sept principaux problèmes qui ralentissent un site et qui peuvent facilement être résolus.
1. Pages multi-sources
Si une page est composée d’éléments provenant d’autres emplacements, y compris des annonces, cela peut avoir un impact considérable sur la vitesse. La page dépend de la rapidité avec laquelle ces éléments extérieurs au site sont servis, ce qui aggrave les problèmes de performances.
Si vous avez une page qui prend trop de temps à charger, identifiez ce qui la ralentit et supprimez-la.
2. Widgets et plugins
Un trop grand nombre de ces composants posent à peu près les mêmes problèmes que les pages multi-sources, mais il s’agit d’un problème qui affecte en particulier les sites WordPress. La tentation de pré-charger des pages avec toutes sortes de calendriers, boutons animés, horloges, etc. est forte, mais vous devez résister.
Ces fonctions requièrent un code côté serveur et un code côté client pour s’exécuter. Elles mettent souvent en pause la présentation des autres éléments de page avant la fin du chargement.
3. Mise à l’échelle des graphiques
Les graphiques de site Web ne doivent pas être redimensionnés à moins qu’il s’agisse de photographies sur lesquelles vous souhaitez cliquer pour obtenir une présentation de qualité optimale.
Leur mise à l’échelle est également mauvaise, car cela les bloque ou révèle des artefacts de compression.
Si les graphiques ont la même taille qu’ils devraient être visualisés, le serveur et le navigateur client ne sont plus soumis à la charge de travail et évitent à l’utilisateur de télécharger des graphiques plus volumineux que nécessaire.
4. Média incompatible
Il existe une multitude de types de fichiers qui étaient autrefois populaires sur le PC, mais qui sont maintenant disparus. Les utilisateurs mobiles ne pourront pas y accéder et la plupart des utilisateurs d’ordinateurs de bureau auront également des problèmes à moins de continuer à exécuter un plug-in sur une ancienne version de navigateur.
En règle générale, n’hébergez pas de formats de vidéo, d’images ou de musique qui ne fonctionneront pas par défaut avec Google Chrome ou Microsoft Edge. Cela agace les utilisateurs lorsque des éléments sont manquants sur le site Web ou que des erreurs étranges se produisent.
5. Code de backend
Combien de fois avez-vous vu une fonctionnalité intéressante qui peut être ajoutée à un site Web avec «juste une courte ligne de code»? Il y en a beaucoup et ils peuvent être utiles. Cependant, ils causent souvent des maux de tête pour un morceau de code beaucoup plus volumineux exécuté sur le serveur afin de rendre l’extrait de code utile.
Si vous en avez trop – parce que vous mettez ce code sur chaque page -, le serveur va s’embourber pour essayer de traiter ces demandes plutôt que de servir les pages du site.
Ironiquement, les coupables les plus fréquents sont l’analyse et le traitement des formulaires. Mais un code qui aborde d’autres tâches peut également avoir un impact négatif sur les performances globales.
6. Erreurs mobiles
Une erreur classique qui a un impact sur les utilisateurs mobiles est que la redirection vers la version mobile du site ne survienne qu’après que la plus grande partie de la page d’accueil destinée au bureau a été rendue sur le téléphone ou la tablette.
Il en résulte souvent une longue attente avant que le navigateur ne soit transféré sur le site mobile, suivi d’un autre délai avant que le rendu ne soit rendu.
Bien que les plates-formes statistiquement mobiles restent légèrement en retrait par rapport aux ordinateurs classiques en termes de navigation sur le Web, la navigation mobile se développe rapidement et sera très bientôt le moyen dominant permettant à la plupart des utilisateurs d’accéder à la majorité des sites.
Par conséquent, l’attention portée à la variante mobile de n’importe quel site est au moins aussi importante, sinon plus, que l’homologue du poste de travail.
Etant donné que les utilisateurs mobiles se connectent souvent via des services de données 3G ou 4G sans les vitesses de transfert constantes auxquelles pourraient s’attendre les utilisateurs de haut débit filaire, l’importance de la fourniture rapide de pages Web est encore plus grande.
7. Utiliser la compression
Il existe de nombreuses façons de réduire la taille des fichiers composant le site et de les télécharger plus rapidement pour un visiteur.
Certaines technologies globales côté serveur, telles que Gzip, peuvent réduire la taille des fichiers jusqu’à 70%, bien que le simple choix des types de fichiers et des niveaux de compression appropriés pour les fichiers JPG puisse également améliorer les performances.
Gzip nécessitera une activation du serveur, et vous pouvez vérifier s’il est actif sur votre serveur en utilisant ce site.
Le seul inconvénient de l’utilisation de la compression est que vous devez identifier les fichiers et les dossiers que vous ne souhaitez pas compresser sur le système. Parce que les fichiers vidéo déjà compressés et les volumes compressés (ZIP, RAR ou LZH) ne peuvent plus être compressés.
