Cette phrase vous prendra environ deux secondes à lire. C’est également la durée la plus longue attendue par l’internaute moyen pour le chargement d’une page.
Deux secondes peuvent ne pas sembler très longues. Mais, lorsque nous sommes dans le flux de la navigation, même une seconde supplémentaire de temps d'attente peut sembler un inconvénient. Ce n’est pas de notre faute non plus. Au fil du temps, nous nous sommes habitués à des vitesses Internet extrêmement rapides. Nos sites Web préférés consacrent beaucoup de temps et de ressources à peaufiner leurs pages Web pour les charger ou fonctionner aussi rapidement que possible sur le plan technologique.
Pourquoi? Parce que la vitesse de la page affecte tout, de l'expérience utilisateur à la perception de la marque, en passant par les conversions et les revenus. Que vous exploitiez un site de commerce électronique, un site Web professionnel ou un simple blog, chacune de vos pages doit se charger, et les temps de chargement peuvent littéralement faire ou défaire votre activité en ligne.
Pour des performances idéales, la vitesse doit être pris en compte tout au long du processus de conception et surveillés régulièrement. Cependant, les performances d'un site Web sont un sujet d'une complexité trompeuse et son amélioration nécessite une connaissance particulière de ce qui rend un site Web rapide ou lent.
Dans ce guide, nous découvrirons tout ce que vous devez savoir sur les performances du site Web. Tout d'abord, nous allons discuter de ce à quoi ressemblent les bonnes performances Web et pourquoi elles sont essentielles pour tout site Web réussi. Ensuite, nous examinerons ce qui affecte les performances du site et comment nous assurer que votre site Web fonctionne comme il se doit.
-
Qu'est-ce que les performances du site Web?
-
Pourquoi les performances du site Web sont importantes
-
Qu'est-ce qui affecte les performances du site Web?
-
Comment faire ck Performances du site Web
-
Mesures de performances du site Web
-
Outils de surveillance des performances du site Web
Qu'est-ce que les performances du site Web?
Les performances du site Web mesurent la vitesse à laquelle les pages d'un site Web se chargent et s'affichent dans le navigateur Web. L'optimisation des performances Web consiste à améliorer les performances du site Web par De bonnes performances de site Web sont la pierre angulaire de tout site Web réussi, car c'est le premier événement que tous les visiteurs vivent . Les premières impressions influencent ce que les utilisateurs ressentent à propos d'un site Web, de son entreprise ou organisation associée, et s'ils convertissent, achètent ou rebondissent ou non.
Pourquoi les performances du site Web sont importantes
En tant qu'internaute, vous avez rencontré de nombreux sites Web lents. Bien que cela puisse sembler une gêne mineure, les effets d'une mauvaise performance peuvent se répercuter sur toute une entreprise. De la satisfaction des utilisateurs aux résultats financiers de l’entreprise, les conséquences sont considérables. Voyons les repères de vitesse auxquels votre site Web est confronté et pourquoi il est si important de les atteindre.
Expérience utilisateur
Non quelles que soient les techniques qu'une entreprise en ligne peut utiliser pour améliorer ses performances, l'objectif ultime est toujours d'améliorer l'expérience utilisateur (UX). Tous les choix de conception de site Web devraient favoriser une UX positive, une La vitesse ne fait pas exception.
L'UX a un impact sur tous les aspects de votre site Web. En termes simples, si votre site Web est lent, vos visiteurs passeront un mauvais moment. Et si vos visiteurs passent un mauvais moment, votre activité en ligne passera également un mauvais moment. À l'inverse, un site très performant améliorera l'expérience utilisateur, laissera une impression positive sur les visiteurs et les encouragera à revenir.
Alors, à quelle vitesse est-il assez rapide pour une bonne expérience?
Il n'y a pas de référence définitive pour la vitesse à laquelle un site Web doit être. Il y a eu plusieurs chiffres, allant de cinq secondes à une demi-seconde, mais l'opinion la plus influente vient peut-être de Google. En 2010, Google a déclaré que une page Web doit se charger complètement en deux secondes pour une UX positive, et c'est encore largement référencé aujourd'hui.
Notez que deux secondes est un maximum - les sites Web les plus rapides peuvent charger leur contenu en moins d'une seconde en moyenne. Si vouspaniquez, ne vous inquiétez pas. Avec un peu de travail, une à deux secondes est réalisable pour presque tous les sites Web, et certainement pour les sites de base.
Deux secondes, c'est rapide, mais pas arbitraire. Lorsque les visiteurs interagissent avec votre site Web, ils s'attendent à se sentir en contrôle. Les visiteurs veulent que votre site Web fournisse exactement ce qu'ils demandent le plus rapidement possible. Il a été démontré que l'utilisateur moyen peut attendre environ deux à trois secondes avant de se sentir perturbé, comme s'il avait perdu le contrôle.
Au fil du temps, nous sommes devenus conditionnés à des performances de site Web exceptionnelles. Cela désavantage les petits propriétaires de sites Web: lorsque quelqu'un arrive sur votre page pour la première fois, ils ne comparent pas son temps de chargement à ceux de sites Web similaires - ils le comparent à la moyenne de tous les site Web qu'ils ont vu, y compris les gros frappeurs avec des équipes entières dédiées à l'optimisation des performances.
La bonne nouvelle est que vous n'avez pas besoin d'une grande équipe pour atteindre le seuil des deux secondes. Il y a stratégies claires que vous pouvez suivre pour accélérer les choses , et bientôt nous examinerons ce qui cause exactement le ralentissement des pages.
Rétention des visiteurs
L'un des principaux objectifs de la conception de sites Web est de capter l'intérêt des visiteurs dès que la page Cependant, rien de tout cela n'a d'importance si le chargement de votre site Web est lent - il est très facile pour les utilisateurs de partir lorsqu'ils se sentent impatients. Une étude d'Akamai Technologies a révélé que deux secondes supplémentaires de temps de chargement doublent plus que le taux de rebond d'une page et que 53% des utilisateurs mobiles abandonneront une page qui se charge en plus de trois secondes.
D'une part, c'est formidable que nous soyons libres de choisir le meilleur site Web pour nos besoins. De l'autre, ce n'est pas si bien si vous c'est celui qui a le taux de rebond élevé. Pour fidéliser les visiteurs, en particulier les novices , votre site Web doit répondre aux attentes en matière de performances.
Conversions et ventes
Il existe un fort lien entre les performances du site Web, les conversions et les ventes . La manière dont vous définissez une conversion n'a pas d'importance: les performances affectent la satisfaction des visiteurs, et plus les gens sont satisfaits de l'utilisation de votre site Web, plus ils sont susceptibles de télécharger une offre de contenu, de rejoindre une liste de diffusion ou d'effectuer un achat.
Il est essentiel de comprendre cette relation, car elle lie les performances de votre site Web à vos résultats. De petites différences de vitesse peuvent faire la différence entre une conversion et un rebond: pour chaque seconde de temps de chargement, votre taux de conversion est susceptible de baisse de 4,42% en moyenne au cours des trois premières secondes:
Source de l'image
Comme les spécialistes du marketing le savent, une conversion perdue par vous est une conversion obtenue par un concurrent - dans ce cas, un concurrent avec un site Web plus rapide. Raison de plus pour donner la priorité à la vitesse .
Perception de la marque
Imaginez que vous découvrez un nouveau restaurant et que vous décidez de vous y arrêter pour le déjeuner. Lorsque vous arrivez, vous remarquez le la porte d'entrée est cassée. Ce n'est pas grave, ils vont le réparer bientôt, pensez-vous. Mais, lorsque vous reviendrez la semaine prochaine, la porte est toujours cassée.
Bien sûr, vous êtes gêné par les inconvénients mineurs. Pire encore, vous pouvez commencer à présumer des choses sur le restaurant - s'ils ne peuvent pas réparer la porte d'entrée, qu'est-ce que cela dit sur la qualité de la nourriture qu'ils préparent?
Il en va de même pour les sites Web, mais dans une bien plus grande mesure. Un site Web sensiblement lent soulèvera des hypothèses qui endommagent votre c redibilité et image de marque. Les visiteurs mettront en doute votre compétence, votre sécurité et votre capacité à servir le client. Certains pourraient même penser que votre site est dangereux ou illégitime. Tous les autres sites Web qu'ils utilisent sont rapides, alors pourquoi pas le vôtre?
La perception de la marque est un sujet pour un autre message . Cependant, il est prudent de supposer qu'une mauvaise perception entrave la croissance dans un espace en ligne concurrentiel.
Expérience mobile
Les smartphones fonctionnent lentement mais sûrement reprendre l'expérience de navigation. Le nombre d'utilisateurs de smartphones dans le monde a récemment dépassé les trois milliards Sans aucun signe d'arrêt, et la navigation sur Internet mobile est au coude à coude avec la navigation sur ordinateur. Un rapide coup d'œil à vos analyses peut raconter une histoire similaire sur votre site Web.
L'essor des smartphones est peut-être le plus grand changement radical dans la conception Web de la dernière décennie. Cela a obligé les entreprises à réinventer leur façon de créer des sites Web, beaucoup optant désormais pour une approche de conception axée sur le mobile qui donne la priorité aux petits écrans
Le mobile d'abord est bien plus qu'une simple mise en page. Les appareils mobiles ont tendance à avoir moins de ressources informatiques que l'ordinateur de bureau standard et, par conséquent, la page Web moyenne prend 87%" plus long à charger sur mobile que sur ordinateur .
Cela n'excuse pas de mauvaises performances, cependant: La moitié des mobinautes utiliseront moins souvent une entreprise si le site n'est pas adapté aux mobiles , même s'ils aiment l'entreprise autrement. Pour servir cette base d'utilisateurs croissante, votre site Web mobile doit être conçu de manière légère pour les petits appareils sur des connexions lentes.
SEO
Enfin, les performances du site Web ont un effet sur votre place dans les résultats de recherche. Depuis 2010, Google a pris en compte la vitesse des pages dans son algorithme de classement . En 2018, il a annoncé la même chose pour les pages mobiles . C'est une façon pour le moteur de recherche de récompenser les sites Web qui fournissent une meilleure expérience utilisateur.
Bien que la vitesse de la page ne soit pas actuellement le facteur de classement le plus décisif (Google déclare que la pertinence joue un rôle beaucoup plus important), elle peut néanmoins avoir un impact sur votre place du site Web dans les résultats de recherche et affectent le trafic, les conversions, d ventes. Par exemple, si Google considère que votre site Web et le site Web d'un concurrent sont également pertinents pour une requête, le plus rapide des deux peut se classer plus haut.
Qu'est-ce qui affecte les performances du site Web?
Pour la plupart du temps, un site Web ressemble à une seule entité dans nos navigateurs. Mais les propriétaires de sites Web savent qu'il y a bien plus que cela.
De nombreux facteurs se conjuguent pour créer un site Web unique et cohérent, dont la plupart affectent les performances Web d'une manière ou d'une autre. Voici les principaux composants qui déterminent si une page Web est rapide ou lente, et comment chacun peut être optimisé:
Épaisseur de la page
Le poids de la page fait référence à la taille totale d'une page Web, comprenant toutes les ressources (fichiers de code, images, incorporations, etc.) dont elle a besoin pour se charger. Le temps de chargement dépend en grande partie du poids - essentiellement, plus vous incluez de fichiers et plus ces fichiers sont volumineux, plus le navigateur a besoin de travail pour le rendre.
En raison de la façon dont les sites Web sont construits, de nombreux éléments les pages ralenties sont basées sur le frontend, ce que les utilisateurs voient sur la page. Tiré de l ' ancien ingénieur des performances Google Steve Souders , qui écrit: "80 à 90% du temps de réponse de l'utilisateur final est passé sur le frontend."
Cette idée est particulièrement bien illustrée par un diagramme en cascade, qui visualise le temps de chargement de chaque ressource complètement. Comme indiqué ci-dessous, le contenu frontal est le coupable sur une page Web typique:
Source de l'image
La solution semble simple: réduire toutes les ressources excédentaires pour qu'il y en ait moins à charger. Pendant que cela fonctionne, le problème est que La technologie frontend devient trop avancée pour son propre bien.
Pour chaque nouvel élément que vous placez sur votre page, vous ajoutez du temps passé à charger ses ressources. Les professionnels du Web étant attirés par de nouvelles fonctions et expériences de page dynamiques , le temps de chargement est négligé. C'est pourquoi, étonnamment, les sites Web ont est de plus en plus lent malgré les améliorations apportées à la technologie de diffusion des pages.
Ne vous laissez pas séduire par les gadgets - la simplicité est la clé des performances et de l'expérience utilisateur, et vous devez toujours privilégier les mises en page propres à la complexité de vos conceptions . Mais ce n'est pas le seul moyen de réduire le poids de la page.
Même après avoir simplifié vos pages, vous risquez de rencontrer des problèmes de performances dus à des fichiers volumineux. C'est là que la minification entre en jeu. Minif ication est la pratique consistant à supprimer les caractères excédentaires des fichiers tels que certains espaces, sauts de ligne et commentaires. Ces informations aident les développeurs à lire les fichiers de code, mais ne font aucune différence pour les navigateurs qui les traitent. La minification est possible avec des outils en ligne, et les utilisateurs de WordPress peuvent tirer parti des plug-ins rapides pour minifier automatiquement les fichiers.
Images
La plupart du contenu que vous voyez sur les sites Web sont du texte ou des images. Les fichiers d'images sont beaucoup plus volumineux que les fichiers HTML en texte brut, ils prennent donc plus de temps à télécharger et à s'afficher dans le navigateur. Il s'ensuit que les images haute fidélité gêneront un temps de chargement autrement respectable. Heureusement, l'optimisation de vos images est une solution simple.
Surtout, ne dépassez pas le nombre d'images que vous utilisez sur votre site. Chaque image est une autre ressource à charger, alors choisissez la vôtre intentionnellement.
Ensuite, redimensionner vos images aux dimensions souhaitées avant de les télécharger. Ne comptez pas sur votre serveur ou sur le navigateur pour les réduire, car cela prend plus de temps. Il est préférable de télécharger la même image sur votre serveur dans plusieurs dimensions, plutôt qu'une grande image utilisée à différents endroits sur votre site Web.
Enfin, gardez les fichiers petits en limitant les formats de fichier image à JPG, PNG, GIF et SVG dans la mesure du possible. La compression d'images peut également améliorer les temps de chargement, mais cela est un processus plus subjectif - vous voulez que vos fichiers image soient suffisamment petits pour améliorer les performances, mais suffisamment volumineux pour conserver une qualité suffisante. Cela prendra quelques essais et erreurs, mais vous aurez tendance à trouver que la compression à environ 75% de l'image originale donne le bon équilibre.
HTTP Demandes
Chaque site Web suit le protocole de transfert hypertexte, ou HTTP. HTTP indique que pour qu'un site Web se charge dans un navigateur Web, le navigateur doit d'abord envoyer une requête HTTP au serveur d'hébergement du site Web cible. Le serveur Web renvoie ensuite une réponse avec la ressource demandée.
En réalité, la plupart des pages Web sont complexes et nécessitent plusieurs requêtes HTTP pour être entièrement rendues. En règle générale, plus une page Web est complexe, plus elle a besoin de requêtes HTTP. Et plus il y a de demandes, plus la page est lente.
Réduction des requêtes HTTP peut prendre un certain temps et repenser votre site, mais cela pourrait valoir la peine d'investir pour réduire votre temps de chargement. Simplifier une page réduira la quantité de ressources demandées, alors commencez par là si vous le pouvez.
De plus, méfiez-vous des ressources externes, des ressources récupérées sur des serveurs tiers. Les ressources externes peuvent être intégrées comme des images, des vidéos et d'autres médias, ainsi que des packs de polices externes, des s graphiques, des liens d'affiliation et des widgets - tous nécessitent un requêtes HTTP supplémentaires vers des serveurs séparés et peuvent nuire aux performances.
La mise en cache du navigateur
La mise en cache est le processus de stockage des données dans un endroit où il peut être récupéré plus facilement à l'avenir. Un cache du navigateur enregistre les données du site Web telles que les fichiers HTML et images temporairement sur l'appareil de l'utilisateur. Lorsque l'utilisateur retourne à la page Web mise en cache, le navigateur charge ces fichiers à partir de son cache local au lieu de les demander au serveur Web, ce qui permet d'économiser du temps et de la bande passante.
La mise en cache du navigateur est un must pour un contenu statique sur votre site Web pendant des périodes plus longues (le contenu qui change fréquemment ne doit pas être mis en cache). La manière dont vous activez la mise en cache dépendra des services que vous utilisez pour créer et héberger votre site, mais chaque fournisseur doit offrir des instructions et expliquer comment définir des limites de temps pour le contenu mis en cache.
Compression de fichiers
La compression de fichiers permet de diffuser rapidement des fichiers sur le Web. Un serveur Web avec la compression activée réduit les fichiers demandés (sans perte d'informations) avant de les envoyer. Lorsqu'un navigateur reçoit les fichiers compressés, il les décompresse et les restitue normalement.
Les fichiers plus petits sont plus rapides à envoyer et à télécharger, donc la compression est presque toujours bénéfique. Aujourd'hui, 80% des sites Web utilisent la compression, en particulier un type de compression appelé GZIP. Découvrez comment activer la compression GZIP sur votre serveur .
CSS et JavaScript bloquant le rendu
Les navigateurs Web traitent chaque ressource de page une par une. Parfois, cela signifie que le code d'un fichier empêche les futurs actifs de se charger rapidement - c'est ce qu'on appelle du code de blocage du rendu.
Le code de blocage du rendu est généralement CSS ou JavaScript qui, par défaut, se charge avant le reste de le contenu de la page, e ven si ce code n'est pas requis pour que le contenu au-dessus de la ligne de flottaison (c'est-à-dire le contenu visible pour la première fois lors du premier chargement de la page) fonctionne. Les développeurs peuvent supprimer ou différer le code de blocage du rendu pour donner l'impression de meilleures performances.
Hébergement
Alors que la majorité des pratiques d'optimisation des performances Web concernent le frontend de votre site Web, le bon hébergeur est la base d'un site Web performant et performant. Un serveur médiocre est sujet à des défauts et à des problèmes de performances, il vaut donc la peine d'investir dans un hébergement capable de gérer l'augmentation du trafic et les pics de demandes.
Le faible coût de l'hébergement partagé peut être tentant, mais vous savez que vous Emplacement géographique
Avec tout ce discours technique , il est facile d'oublier que les serveurs sont des ordinateurs situés quelque part dans le monde. Plus la distance entre l'appareil effectuant des requêtes HTTP et votre ou vos serveur (s) effectuant les requêtes est grande, plus l'envoi et le chargement des fichiers de votre site Web seront longs. C'est pourquoi il est important de savoir d'où vos serveurs reçoivent un ping - votre site Web fonctionnera probablement différemment à Washington DC par rapport à Tokyo.
Vous pouvez remédier à ce problème avec un réseau de diffusion de contenu (CDN) . Un CDN est une collection de serveurs répartis dans le monde entier qui contiennent des copies en cache des fichiers de votre site Web. Lorsqu'un utilisateur demande votre site Web, votre CDN déterminera le serveur le plus proche de son emplacement physique et fournira les fichiers de ce serveur.
Perman ent Redirections
301 redirections Envoyer les utilisateurs de la page qu'ils ont demandée à une autre. Comme vous pouvez le deviner, le temps passé à rediriger les visiteurs nuit aux performances. Vous ne pouvez pas faire grand-chose à ce sujet une fois la redirection en place, il est donc préférable d'éviter les 301 lorsque vous le pouvez.
Comment vérifier les performances du site Web
La première étape du site Web l'optimisation des performances mesure la vitesse à laquelle votre site Web s'exécute actuellement. La meilleure façon de le faire est d'effectuer un test de vitesse en ligne de vos pages Web.
Ces tests gratuits vous permettent de coller l'URL de n'importe quelle page Web, et renverront un résumé des performances de la page. De nombreux tests produisent également un score global quantifiant les performances globales de la page et un aperçu des domaines qui ont le plus contribué à une performance rapide ou lente, afin que vous puissiez identifier les problèmes les plus en suspens sur votre site Web et obtenir des gains de performances rapides.
Nous avons répertorié ci-dessous quelques-uns de ces tests de vitesse. Lorsque vous en choisissez un, gardez à l'esprit les points suivants:
- Chaque outil calcule votre score de performance différemment, alors tenez-vous-en à un seul. L'affichage des résultats sur différents outils peut donner une fausse impression d'amélioration.
- Exécutez plusieurs tests pour simuler les performances lorsque votre site Web est à la fois mis en cache et non mis en cache par l'outil de test de vitesse. Les sites Web mis en cache se chargent plus rapidement que les sites non mis en cache, donc si votre site Web est moins performant lors de votre premier test, c'est peut-être pour cette raison.
- Votre site n'a pas besoin d'un score parfait pour être considéré comme très performant - il se peut même être possible en fonction des ressources dont votre page a besoin. Visez aussi près de la perfection que possible.
Site Web Grader fournit un score de performance global sur 100 qui résume l'efficacité de votre site Web. Les facteurs de notation incluent les performances ainsi que le référencement, l'expérience mobile et la sécurité.
Propulsé par l'open source Lighthouse , l'évaluation des performances de Website Grader représente 30% du score de votre site Web et examine les principaux contributeurs tels que la taille de la page, le nombre de requêtes HTTP, la mise en cache et l'image Taille. Il existe également un cours vidéo d'accompagnement gratuit pour vous aider. améliorez votre note.
Autre option de test populaire pour les spécialistes du marketing, l'outil PageSpeed Insights de Google évalue les performances de votre site Web sur les appareils mobiles et de bureau. Il fournit un score global de 0 à 100 et est alimenté par Lighthouse - un score de 80 ou plus est considéré comme très performant.
PageSpeed Insights est particulièrement rigoureux et maintient les sites Web à des normes élevées en termes de performances . Il fournit également un rapport détaillé mais accessible sur les métriques importantes, ainsi que des opportunités - des suggestions pour accélérer votre page - et des diagnostics supplémentaires qui peuvent être utiles.
Source de l'image
Pingdom est un outil de surveillance de site Web qui propose également un test gratuit de vitesse de site Web. Ses résultats sont centrés sur les modifications que vous pouvez apporter pour améliorer les performances, et attribue des notes à chaque composant améliore ou réduit le temps de chargement. Il décompose les tailles de transfert par type de fichier et nombre de requêtes HTTP par type de contenu
De plus, Pingdom vous permet d'exécuter des tests à partir de plusieurs emplacements mondiaux pour simuler les performances de votre site dans ces régions.
Source de l'image
Le test de performance GTmetrix est une autre option alimentée par Lighthouse - il donne un résumé détaillé des performances et des suggestions d'amélioration . Il comprend également une visualisation de la vitesse utile (une chronologie de captures d'écran marquant chaque événement de temps de chargement important), une cascade de contenu, des enregistrements vidéo de ses tests et des données de performances historiques pour suivre les améliorations au fil du temps.
Source de l'image
WebPageTest est un outil de test open-source qui évalue les performances Web et sécurité. Il exécute des tests de performances sur plusieurs navigateurs et vous permet de tester à partir de plusieurs emplacements dans le monde. Moins intuitif que d'autres outils, WebPageTest est meilleur pour les experts Web que pour ceux qui recherchent des gains rapides ou un bref résumé convivial. -détail et son rapport peut prendre plus de temps à évaluer que les rapports avec d'autres outils.
Source de l'image
Indicateurs de performance du site Web
Après avoir mis votre site Web à travers l'un des outils ci-dessus, vous ne connaissez peut-être pas certains des termes utilisés pour mesurer les performances. Bien que la vitesse soit concept intuitif, les performances ne peuvent pas vraiment être résumées par une seule valeur - les développeurs Web utilisent plusieurs indicateurs pour quantifier la vitesse réelle d'une page. En les connaissant, vous comprendrez mieux comment a optimisation.
Temps de chargement de la page
Le temps de chargement d'une page est le temps nécessaire pour charger une page Web entière. I t est mesuré à partir du moment où un utilisateur demande un site Web (par exemple, entre une URL dans le navigateur ou clique sur un lien sur une page de résultats de recherche) jusqu'au moment où la dernière ressource de la page est rendue. Lorsque nous disons que les sites Web devraient se charger en deux à trois secondes maximum, c'est la métrique que nous référençons.
Time to First Byte
Le temps jusqu'au premier octet (TTFB) mesure la latence de votre serveur Web. C'est le temps entre le moment où un utilisateur demande votre site Web et le moment où votre serveur Web renvoie la première information au navigateur de l'utilisateur.
Un TTFB lent indique un problème avec votre serveur Web, qui peut être résolu en mettant à niveau ou en modifiant votre plan de serveur, ou en utilisant un CDN. Mais d'abord, vous feriez probablement mieux de vous concentrer sur les métriques qui traitent du frontend, telles que ...
Time to Start Render
Le temps de démarrage du rendu est le temps nécessaire pour que le contenu commence à s'afficher sur la page après l'envoi d'une demande pour le site Web. Il mesure le temps qu'il faut avant que l'utilisateur sache que le contenu est en cours de chargement. Cela peut être signalé par n'importe quel élément visuel - comme un en-tête, un bloc de texte ou l'arrière-plan - apparaissant à l'écran.
Il s'agit d'une métrique importante, car elle indique aux utilisateurs que leur demande est en cours de traitement et ils verront bientôt votre site Web, ce qui retient leur attention. Le temps de démarrage du rendu prend généralement une à deux secondes, mais les sites Web les plus performants atteignent cette marque en moins d'une seconde.
Time to Title
Le délai de création du titre est le temps nécessaire pour que le titre de votre site Web apparaisse dans l'onglet du navigateur, ce qui indique au visiteur que votre site Web est en cours de chargement. Plus le titre apparaît rapidement, mieux c'est.
Time to Interactive
Autre indicateur clé de performance du site Web, le temps d'interactivité mesure le temps à partir du moment où un utilisateur demande vos sites Web ite au moment où ils peuvent commencer à interagir avec des éléments de la page, comme faire défiler ou cliquer sur des boutons.
Cela ne signifie pas que la page est complètement chargée - certains éléments de page peuvent encore se charger après que d'autres deviennent interactifs. Néanmoins, si un utilisateur peut interagir avec le contenu au-dessus du pli, il considérera la page comme prête à être utilisée.
Heure de recherche DNS
Le temps de recherche DNS correspond au temps nécessaire au système de noms de domaine (DNS) pour convertir le nom de domaine saisi par l'utilisateur en adresse IP correspondante. Cela doit être fait pour récupérer les ressources de chaque serveur d'hébergement.
La recherche DNS doit être très courte, pas plus de 150 millisecondes - rien de plus peut avoir un impact notable sur les performances. Un temps de recherche DNS long peut être causé par votre fournisseur DNS, auquel cas vous pouvez envisager un service DNS premium. Cela peut également être dû au nombre de ressources tierces sur votre page Web. Par exemple, si votre page comprend du contenu provenant de deux ressources tierces, le DNS devra traduire trois domaines (dont le vôtre) en adresses IP, augmentant ainsi votre temps total de recherche DNS.
Métriques basées sur l'utilisateur
Ces métriques ne sont pas des mesures directes des performances du site Web, mais peuvent être de bons indicateurs. Si vous constatez une diminution, examinez la vitesse de vos pages.
Taux de rebond
Le taux de rebond d'une page est le pourcentage de personnes qui atterrissez sur la page, puis partez sans cliquer sur quoi que ce soit. Si une page est lente à se charger, il est logique qu'un plus grand nombre de visiteurs soit impatient et partent sans interagir. Mais rappelez-vous que des taux de rebond élevés peuvent être causés par de nombreux facteurs - votre page peut se charger correctement mais ne parvient pas à capter l'intérêt.
Durée de la session
Durée de la session (également appelée "durée sur site ») est un autre signe de pag potentiellement lent es. S'il est très faible, cela peut indiquer que de nombreux utilisateurs ne dépassent pas le chargement de la première page.
Taux de conversion
Le taux de conversion est le pourcentage du nombre total de visiteurs de votre site Web qui effectuent une conversion. Comme indiqué, les conversions sont étroitement liées aux performances du site Web - les visiteurs satisfaits sont plus susceptibles de rester sur votre site Web et d'effectuer certaines actions souhaitées. À l'instar du taux de rebond, de nombreux facteurs influencent votre taux de conversion, mais il vaut la peine de vérifier si les performances en font partie.
Taux d'erreur
Le taux d'erreur est la proportion de requêtes HTTP qui renvoient des codes d'erreur parmi toutes les requêtes HTTP sur une courte période. Un taux d'erreur élevé indique que quelque chose ne va pas avec votre infrastructure Web qui empêche la livraison des ressources, ralentit ou bloque les pages et détourne les visiteurs.
Outils de surveillance des performances du site Web
Après avoir résolu tout problème actuel problèmes de performances, il est recommandé de surveiller régulièrement les performances de votre site Web. Cela signifie vérifier que votre site Web continue de charger des pages rapidement et de manière cohérente.
La surveillance des performances du site Web est de deux types, la surveillance réelle des utilisateurs et la surveillance synthétique. La surveillance des utilisateurs réels, également appelée surveillance passive ou surveillance réactive, suit l'activité des utilisateurs et enregistre en détail les performances de votre site Web pour les utilisateurs réels. La surveillance synthétique, également appelée surveillance active ou surveillance proactive, utilise un logiciel pour simuler les interactions réelles des utilisateurs à des intervalles de routine. Cela permet de détecter les problèmes de performances avant qu'ils n'affectent de vrais visiteurs.
La surveillance des utilisateurs réels et la surveillance synthétique nécessitent un logiciel de surveillance spécialisé, et plusieurs solutions basées sur le cloud existent pour la surveillance active et réactive. Voici quelques options remarquables:
Pingdom est un acteur de premier plan parmi les outils de surveillance de site Web, et est réputé pour sa fiabilité et ses alertes de dernière minute émises lorsque votre site Web est en panne ou en dessous des performances. Ce service offre également une surveillance synthétique pour découvrir les performances problèmes et une interface conviviale qui permet aux propriétaires de sites Web de tout niveau d'expérience de garder un œil sur leurs sites.
Pingdom prix son service à une échelle et
Source de l'image
Uptrends est un autre outil de surveillance populaire qui comprend des solutions pour la surveillance proactive et réactive des sites Web. Il vous permet d'automatiser les tests de performance à partir de 224 dans le monde entier à des intervalles pouvant aller jusqu'à une minute, et ses rapports visuels sont très intuitifs et visuellement attrayants. Si vous voulez un outil qui vous montre tout ce que vous devez savoir dans une interface simple, essayez une démo.
Uptrends est réparti sur cinq niveaux, du plan Starter (15,47 USD par mois) et du plan Business (37,06 USD par mois) au forfait Professionnel (216,65 USD par mois). Les fonctionnalités varient considérablement selon plan, vous permettant de sélectionner celui qui convient le mieux et de changer de plan à mesure que votre site Web évolue.
Source de l'image
Site24x7 fournit une suite complète d'outils pour la surveillance des sites Web ainsi que la surveillance des serveurs, la surveillance des performances des applications, et plus encore. Vous pouvez tirez parti de son réseau mondial de plus de 100 emplacements de surveillance pour simuler les interactions des pages Web et suivre les performances et la disponibilité de votre site. Site24x7 peut également effectuer des audits de sécurité et une surveillance des API - c'est beaucoup à prendre, ce qui peut rendre cette option puissante accablante pour les nouveaux utilisateurs
Les Plans vont de De 9 $ par mois à 89 $ par mois avec l'augmentation des sites Web autorisés, des tests synthétiques et des pages vues par niveau. plan rprise et un essai gratuit de 30 jours.
Source de l'image
L'outil de gestion à distance TeamViewer (anciennement Montis) est notre dernière recommandation . Il est centré sur les performances de la page - vous pouvez vérifier la vitesse des pages à partir de plus de 30 emplacements dans le monde et générer des rapports visuels pour chaque contrôle. Les contrôles de performances peuvent être configurés pour s'exécuter aussi fréquemment que vous le souhaitez, et vous pouvez également programmer des alertes si les performances chutent en dessous d'un ensemble seuil. Un inconvénient est que l'interface utilisateur n'est pas aussi frappante que celle des concurrents.
Le prix d'un abonnement à TeamViewer évolue en fonction du nombre d'URL suivies - par exemple, 10 URL coûtent 18,55 USD par mois, tandis que 100 URL vous coûteront 153 USD par mois.
Source de l'image
Améliorez la vitesse de votre site Web
Chaque site Web adopte une approche différente de sa conception en fonction de son Cependant, une bonne performance de site Web est un must universel pour tous les sites Web, quel que soit le créneau, le service ou le contenu.
Les temps de chargement lents sont plus qu'un simple ennui pour vos utilisateurs - ils ont un impact sur la manière dont votre public perçoit votre marque et sur la probabilité qu'il effectue un achat et vous recommande à un ami. Un site Web lent est également mauvais pour le référencement et le trafic mobile. Et si vos pages fonctionnent mal, chaque visiteur est affecté.
Pour résumer, les performances du site Web l'optimisation ne se limite pas à accélérer les choses: il s'agit de renforcer l'ensemble de votre présence en ligne et de créer un site Web auquel les visiteurs font confiance. Bien que des gains de performances majeurs ne se produisent pas du jour au lendemain, les données montrent que des fractions de seconde font toute la différence.
