Qu'est-ce que la performance d'un site web et pourquoi est-elle importante?

La performance d'un site web dépend de plusieurs composants, mais en réalité, tout cela peut se résumer à une chose. En fait, avez-vous déjà visité un site web qui se chargeait lentement (ou incorrectement) au point de vous faire quitter immédiatement le site? Si c'est le cas, vous avez connu des performances médiocres et vous avez une bonne idée de l'impact que cela peut avoir sur l'expérience d'un visiteur.

• Qu'est-ce que la performance d’un site web?
• Pourquoi la performance d’un site web est-elle importante?
• Qu’est-ce qui affecte la performance d’un site web?
  • Disponibilité des ressources
  • La pile de logiciels d'hébergement
  • CMS, thème, et choix d'extensions
  • Réactivité
  • Code empêchant l'affichage et code non utilisé
  • Taille et compression des pages
  • La mise en cache
  • Réseaux de diffusion de contenu
  • Le chargement paresseux
• Comment tester les performances d'un site web
• Corrections rapides pour améliorer la vitesse des pages
• Un regard plus approfondi sur l'optimisation

Qu’est-ce que la performance d’un site web?

C'est un terme fourre-tout, se référant à plusieurs facteurs qui contribuent à la rapidité, l'efficacité et la justesse du chargement d'une page web. Il est possible qu'un site web se charge rapidement, mais de manière peu attrayante (visuellement) ou qui utilise beaucoup plus de ressources du serveur que nécessaire. Cet article donne un bref aperçu des facteurs importants qui contribuent à la performance d'un site web, ainsi que quelques conseils pour trouver des solutions rapides.

Pourquoi la performance d’un site web est-elle importante?

Selon les études réalisées par Google, une demi-seconde supplémentaire dans le temps de chargement d'une page peut entraîner une baisse de trafic pouvant aller jusqu'à 20 %. Par conséquent, Google ne cache pas le fait que la vitesse des sites web (surtout pour les portables) aura un impact direct sur le classement des recherches.

Mais cela ne s'arrête pas là. Si un site ou une page web est peu performant, il est probable que les gens ne passent pas leur temps à le visiter. Il y a aussi d'autres raisons moins évidentes qui font de cette question un élément clé.

Un site web mal optimisé va solliciter beaucoup plus les ressources disponibles qu'un site bien conçu. Cela signifie que les sites web mal optimisés deviendront trop volumineux et nécessiteront une mise à niveau de l'hébergement beaucoup plus tôt que les sites mieux conçus.

L'accessibilité est un autre facteur qui rend la performance du site web importante. Si un site ne se charge pas correctement sur les appareils de tous les types et de toutes les tailles, il peut perdre des visiteurs aussi facilement que s'il fallait dix secondes pour charger une page.

Dans des cas extrêmes, de mauvaises performances du site web peuvent même contribuer au mauvais fonctionnement de certains systèmes. Par exemple, si vous installez Google Analytics de manière incorrecte, le code pourrait ne pas se lancer, ce qui mènerait à des données incohérentes ou inexistantes.

Qu’est-ce qui affecte la performance d’un site web?

Cette liste ne se veut pas exhaustive, mais elle couvre les facteurs les plus courants et les plus importants qui peuvent être améliorés pour la plupart des sites web.

Disponibilité des ressources

La vitesse des systèmes de votre hébergeur, ainsi que le nombre d'utilisateurs qui partagent ces mêmes ressources (parfois appelée densité du système), auront un impact sur la vitesse de chargement de vos sites web. Cela inclut le partage du processeur (plus le CPU est rapide, plus vos scripts PHP se chargeront rapidement), la RAM (mémoire vive: plus vous en avez, plus vous serez en mesure de gérer d'utilisateurs simultanés) et la vitesse de stockage que le système a allouée à votre site web (plus le stockage est rapide, plus vous serez en mesure d'effectuer des opérations plus lourdes telles que les mises à niveau, les exportations et les sauvegardes).

Si vous disposez du Cloud ou d'un serveur dédié, vous devriez avoir accès à des ressources dédiées. Avec l'hébergement web, vous utiliserez une fraction des ressources disponibles dans un serveur plus grand, mais vous pourrez également mettre à niveau votre part de ressources en quelques clics seulement, si nécessaire.

La pile de logiciels d'hébergement

Une “pile” de logiciels d'hébergement désigne un ensemble de logiciels qui fonctionnent ensemble pour créer une plateforme sur laquelle une application peut s'exécuter de manière continue et sans faille. Dans le cas de l'hébergement web, la pile permet à une application web (ou site web) d'être constamment disponible pour ses visiteurs.

La pile d'hébergement web la plus courante est probablement la pile LAMP, qui fait référence à Linux, Apache, MySQL et PHP. Linux (comme Ubuntu, Debian ou CentOS) est le système d'exploitation sur lequel est installé le reste des logiciels.

Linux est un système d'exploitation à source ouverte qui est extrêmement populaire dû à sa puissance, sa stabilité et sa flexibilité. Un système d'exploitation optimisé et configuré correctement va améliorer la stabilité, la sécurité et la vitesse de chargement de votre site web.

Apache est un serveur web open-source populaire. Le serveur web est le logiciel qui sert les pages web à votre visiteur, donc il doit performer! Apache est un système stable et populaire pour les systèmes Linux. Pour Windows, le serveur web le plus réputé est Internet Information Services (IIS).

MySQL (ou son quasi-équivalent, MariaDB) est un système de gestion de base de données (SGBD) qui peut être connecté à un site web afin de faciliter la gestion de son contenu. La plupart des applications populaires telles que WordPress ont besoin d'une base de données pour fonctionner. C'est donc un composant essentiel! Un SGBD optimisé aidera votre site à se charger plus rapidement et à gérer un plus grand nombre de visiteurs simultanément, sans ralentir.

PHP, le dernier élément de la pile LAMP, est un langage de codage puissant utilisé dans les applications web populaires telles que WordPress. De nombreuses fonctions avancées utilisées sur les sites web interactifs ne seraient pas possibles sans PHP. En général, plus la version de PHP est récente, plus elle sera rapide et sûre.

CMS, thème et choix d'extensions

Une fois que vous avez choisi un type d'hébergement et un fournisseur d'hébergement - choix qui vont déterminer les ressources de votre serveur et votre pile - la prochaine étape sera de décider quel système de gestion de contenu utiliser. WordPress est le CMS le plus populaire, principalement en raison de sa flexibilité et de sa convivialité, mais d'autres options populaires existent, notamment Drupal, Joomla et Magento.

Les thèmes contrôlent l'aspect et la convivialité d'un site web, et les extensions ajoutent des fonctionnalités personnalisées. Lors de la sélection des thèmes et des extensions, à moins que vous ne disposiez de suffisamment d'expertise pour les évaluer correctement, il est préférable de s'en tenir aux options les plus populaires, celles qui ont reçu de nombreuses évaluations positives et bénéficient de l’assistance d’une équipe technique solide. Les extensions qui ne sont pas prises en charge et les thèmes qui ne sont pas maintenus ou mis à jour sont la principale source de vulnérabilité des sites web.

Réactivité

Il s'agit ici de savoir si un site web est capable de répondre au type (et à la taille!) de l'appareil sur lequel il est consulté. De nos jours, puisque tellement de gens utilisent des appareils mobiles, il est important d’avoir un site web qui répond correctement à leurs besoins. Heureusement, la plupart des thèmes de sites web populaires sont déjà réactifs, et ce n'est donc pas quelque chose qui devrait vous préoccuper. Si vous ne voulez pas continuer à changer d'appareil, vous pouvez utiliser les outils de développement de votre navigateur pour voir à quoi ressemble votre site sur différents appareils mobiles.

Code empêchant l'affichage et code non utilisé

Si vous utilisez un constructeur de pages pour construire votre site web plutôt qu'un modèle de thème, ou si votre thème n'est pas bien codé, votre site web sera peut être lent en raison du blocage du rendu et du code inutilisé. Cela se produit lorsque le code à la base du site est mal agencé, ou encore complètement inutile.

L’utilisation de plugin peut parfois remédier au blocage du code de rendu, mais la meilleure solution est de construire votre site web de manière à ce qu'il se charge efficacement. Cela permettra aux pages de se charger plus rapidement, sans en demander autant aux ressources de votre serveur.

Taille et compression des pages

Ce concept est un peu plus évident: si vos pages web contiennent des fichiers volumineux, leur chargement sera plus lent. Activer la compression des sites web, en utilisant les paramètres du serveur ou des plugins, peut aider à réduire la taille globale des pages, mais il est important de réduire autant que possible les fichiers de chaque page avant de les télécharger. Donc, il est très important de mettre les images à l'échelle et de les compresser sans perte, en particulier pour les sites qui contiennent beaucoup d’images de haute qualité.

La mise en cache

La mise en cache consiste à stocker temporairement des données afin de répondre plus rapidement à des demandes futures, et elle peut être utilisée à plusieurs niveaux. Le serveur peut mettre en cache un site web afin de le fournir plus rapidement lors de la prochaine demande, mais l'application web elle-même peut également créer un cache pour faciliter l'accès et le contrôle. La plupart des navigateurs web aujourd’hui mettent également en cache les sites web, ce qui rend les visites ultérieures beaucoup plus rapides que la visite initiale. Si vous videz le cache de votre navigateur, vous constaterez peut-être que lors de votre prochaine visite sur vos sites préférés, leur chargement sera un peu plus lent.

Réseaux de diffusion de contenu

Un réseau de distribution (ou diffusion) de contenu, un CDN, est un réseau de serveurs qui mettent en cache et livrent des données, dans le but d'assurer une disponibilité rapide à l'échelle mondiale ou quasi mondiale. En termes plus simples, un CDN permet de stocker une version en cache de votre site web sur des machines virtuelles dans le monde entier. Ainsi, si les serveurs de votre hébergeur se trouvent au Canada et que quelqu'un en Chine visite votre site web, il n'aura pas à attendre que celui-ci se charge en faisant le tour du monde. Il peut simplement accéder au magasin de versions le plus proche de chez lui, ce qui sera presque aussi rapide que si le site était hébergé à proximité.

Le chargement paresseux

Le chargement paresseux peut être un moyen très efficace d'accélérer les pages web plus longues, en retardant le chargement du contenu qui apparaît plus bas dans la page jusqu'à ce qu'il soit nécessaire. Les pages de vente au long cours ont souvent besoin d'un chargement paresseux si elles comportent de nombreuses images et vidéos pour accompagner leur texte. Lorsque le chargement paresseux est activé correctement, le contenu se charge au fur et à mesure que le visiteur fait défiler la page.

Comment tester les performances d'un site web

Plu id=""sieurs excellents outils gratuits, disponibles en ligne, peuvent vous aider à déterminer non seulement le fonctionnement de votre site web, mais aussi ce qui doit éventuellement être corrigé.

Google Pagespeed Insights est un outil créé par Google, qui donne un temps de chargement approximatif pour le mobile et le bureau, ainsi qu'un score et une liste de problèmes et de recommandations. Il est pratique pour repérer rapidement les problèmes et obtenir des suggestions sur la manière de les résoudre, et comprend des captures d'écran du site web tel qu'il se présente au départ.

GTMetrix est un outil similaire qui scanne votre site et effectue une série de tests. Il fournit un temps de chargement et une taille de page approximatifs, ainsi que des listes de problèmes et des suggestions de corrections.

WebPageTest calcule un temps de chargement plus précis pour votre site, car vous pouvez sélectionner la région à partir de laquelle vous souhaitez effectuer le test, ainsi que le débit de la connexion internet à simuler. Il fournit des détails avancés et comprend la possibilité d'enregistrer une vidéo du processus de chargement de la page web.

Corrections rapides pour améliorer la vitesse des pages

Nos prochains articles vont continuer à explorer les facteurs de performance énumérés ci-dessus, mais pour l'instant, voici quelques trucs pour rendre vos sites web plus performants:

• Procurez-vous un pack d'hébergement comprenant au moins 1 processeur et 1 gigaoctet de mémoire vive. Encore plus serait mieux, mais c'est quand même un bon point de départ pour tout site web professionnel qui obtiendra un trafic réel.
• Assurez-vous que votre fournisseur d'hébergement propose une technologie de mise en cache des sites web, ainsi que du support pour les versions modernes de PHP.
• Utilisez des thèmes et des plugins populaires, avec de bonnes critiques et du personnel de soutien.
• N'utilisez pas plus de plugins que nécessaire.
• Limitez le nombre d'éléments sur une page (en particulier ceux qui sont plus tape à l'œil et qui nécessitent un JavaScript pour fonctionner).
• Mettez les images à l'échelle et compressez-les sans perte à l'aide d'un outil tel que TinyPNG.
• Intégrez des vidéos provenant d'un hôte tiers (tel que YouTube ou Vimeo) plutôt que de les télécharger sur votre site web.

Un regard plus approfondi sur l'optimisation

La performance des sites web est un sujet très vaste, avec de nombreuses ramifications, que nous allons explorer plus en détail dans les prochains articles. Selon le type de site web que vous possédez, l'optimisation pourrait prendre quelques heures seulement, ou s'avérer une tâche herculéenne. Cependant, une chose est sûre: ça vaut vraiment la peine de consacrer du temps et des efforts à améliorer les performances de votre site web. Cela vous apportera plus de trafic et fera en sorte que les personnes qui atterrissent sur vos pages aient une raison d'y rester!