Regardez sur Internet et vous trouverez de nombreuses statistiques sur le peu de temps que les gens sont prêts à attendre pour qu'un site Web se charge avant de perdre tout intérêt (dans ce cas, ne blâmez pas toujours le fournisseur d'hébergement Web).
Ceux qui ont des 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.
Lire la suite: Offcloud
Selon les recherches, le temps de chargement optimal pour une page est de trois secondes, bien que la majorité des sites soient plus près du double - ou plus. Et si vous dépassez largement les 10 secondes, la majorité des gens sont susceptibles d'abandonner la page et d'aller ailleurs.
Le temps nécessaire à une page Web pour apparaître sur un navigateur dépend de facteurs répartis entre le serveur et le périphérique client à l'autre extrémité.
S'il n'est pas possible d'accélérer tous les utilisateurs en raison de choses indépendantes de la volonté du concepteur Web, il est pratique de rendre un site aussi efficace que possible, en améliorant les performances de la majorité des visiteurs.
Une vitesse accrue 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 du site et de certaines considérations spécifiques à la plate-forme.
- Nous avons choisi les meilleurs services d'hébergement Web ici
- Ce sont les meilleures sociétés d'hébergement Web gratuites
- Et ce sont actuellement les meilleurs créateurs de sites Web
L'importance de l'hébergement
Combien un site dépense en hébergement Web est généralement proportionnel au nombre de visiteurs attendus un jour donné, en tenant compte de la durée de chaque séjour et du nombre de pages qu'ils parcourent.
C'est la raison principale, avec les problèmes de sécurité, pour lesquelles relativement peu d'entreprises hébergent des sites en interne.
En règle générale, l’hébergement Web est «virtuel» en ce qu’un élément matériel spécifique n’est pas alloué au site Web, mais il est partagé avec d’autres sites via la virtualisation.
L'avantage d'avoir cette solution est que plus de ressources peuvent facilement être allouées à un site en période de forte demande, à condition que le contrat d'hébergement permette cette flexibilité.
Il est important de décider du trafic prévu que vous prévoyez de recevoir et d’élever votre service de manière appropriée.
Si vous avez un site en croissance rapide, mais en raison du niveau d'hébergement, il commence à ne plus répondre lorsqu'un flot de visiteurs se présente, cela pourrait nuire à l'ensemble de votre projet. Par conséquent, prévoyez de commencer à petite échelle, puis de faire évoluer le site lorsque le site atteindra sa maturité.
Optimisation du site
Les performances de tout site Web dépendent fortement de la façon dont il a été construit et de la technologie logicielle qu'il utilise.
Une fois que vous avez un site prototype, l'une des premières procédures à effectuer est de noter chaque page sur le temps de chargement. Il existe de nombreux outils disponibles pour mesurer les performances de la page, et certains d'entre eux décomposent les délais pour 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 devez effectuer qu'une seule fois sur un seul PC, car vos visiteurs proviendront d'un nombre varié d'emplacements différents, avec des connexions haut débit variées, et ils utiliseront différents types d'appareils.
Il est particulièrement essentiel 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 d'emplacements géographiques éloignés est également une information précieuse.
Une fois que vous avez rassemblé ces données de performances, 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 être facilement résolus.
1. Pages multi-sources
Si une page est composée d'éléments provenant d'autres emplacements, y compris des publicités, 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 dont le chargement est souvent trop long, identifiez ce qui la ralentit et supprimez-la.
2. Widgets et plugins
Trop de ces composants causent à peu près les mêmes problèmes que les pages multi-sources, mais ils sont un problème qui affecte en particulier les sites WordPress. La tentation de précharger des pages avec toutes sortes de calendriers, de boutons animés, d'horloges, etc. est forte, mais vous devez résister.
Ces fonctionnalités nécessitent du code côté serveur et du code côté client pour s'exécuter, et interrompent souvent la présentation des autres éléments de la page avant la fin du chargement.
3. Mise à l'échelle des graphiques
Les graphiques du site Web ne doivent pas être mis à l'échelle, sauf s'il s'agit de photographies sur lesquelles vous souhaitez être cliquables pour une présentation de qualité optimale.
Leur mise à l'échelle est également mauvaise, car cela les rend bloqués ou révèle des artefacts de compression.
Faire en sorte que les graphiques aient la même taille qu'ils devraient être affichés supprime la charge de travail du serveur et du navigateur client, et évite à l'utilisateur de télécharger des graphiques plus volumineux que nécessaire.
4. Médias incompatibles
Il existe une multitude de types de fichiers qui étaient autrefois populaires sur le PC, mais qui sont maintenant effectivement disparus. Les utilisateurs mobiles ne pourront pas y accéder, et la plupart des utilisateurs d'ordinateurs auront également des problèmes à moins qu'ils n'exécutent encore 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’image ou de musique qui ne fonctionnent pas par défaut avec Google Chrome ou Microsoft Edge. Cela ennuie les utilisateurs lorsque le site Web a des éléments manquants ou présente des erreurs étranges.
5. Code 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 un casse-tête pour un morceau de code beaucoup plus volumineux qui s'exécute sur le serveur afin que l'extrait de code fasse quelque chose d'utile.
Vous en avez trop - parce que vous mettez ce code sur chaque page - et le serveur s'enlisera en essayant de traiter ces demandes plutôt que de servir les pages du site.
Les coupables les plus courants de ces choses sont, ironiquement, l'analyse et le traitement des formulaires. Mais le code qui s'attaque à d'autres tâches peut également avoir un impact négatif sur les performances globales.
6. Erreurs mobiles
Une erreur classique qui affecte les utilisateurs mobiles est que la redirection vers la version mobile du site ne survient qu'après la plupart des rendus de la page d'accueil destinée aux ordinateurs de bureau sur le téléphone ou la tablette.
Le résultat est souvent une longue attente avant que le navigateur ne soit transféré vers le site mobile, suivie d'un autre délai avant que le rendu ne se produise.
Alors que les plates-formes statistiquement mobiles sont encore légèrement en retard par rapport aux ordinateurs conventionnels en termes de navigation sur le Web, le surf mobile est en pleine expansion et sera très bientôt le moyen dominant pour la plupart des utilisateurs d'accéder à la majorité des sites.
Par conséquent, l'attention portée à la variante mobile de tout site est au moins aussi importante, sinon plus, que son homologue de bureau.
Étant donné que les utilisateurs mobiles se connectent souvent à l'aide de services de données 3G ou 4G sans les vitesses de transfert constantes auxquelles les utilisateurs du haut débit filaire pourraient s'attendre, l'importance de la livraison rapide de pages Web est encore plus grande.
7. Utilisez la compression
Il existe de nombreuses façons de s'assurer que les fichiers qui composent le site sont plus petits, et donc plus rapides à télécharger pour un visiteur.
Il existe des technologies globales côté serveur comme Gzip qui peuvent réduire la taille des fichiers jusqu'à 70%, bien que le simple choix des bons types de fichiers et des bons niveaux de compression pour les fichiers JPG.webp puisse également apporter des avantages en termes de performances.
Gzip nécessitera une activation du serveur et vous pouvez vérifier s'il est actif sur votre serveur en utilisant ce site.
La seule mise en garde à l’utilisation de la compression est que vous devez identifier les fichiers et 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 réduits.
