{"id":22892,"date":"2026-08-30T09:13:04","date_gmt":"2026-08-30T07:13:04","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22892"},"modified":"2026-08-30T09:13:05","modified_gmt":"2026-08-30T07:13:05","password":"","slug":"mesurer-le-temps-de-chargement-dun-site-web","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/fr\/hilfe\/seo-monitoring\/website-ladezeit-messen\/","title":{"rendered":"Mesurer et \u00e9valuer correctement le temps de chargement d'un site web"},"content":{"rendered":"<p class=\"wp-block-paragraph\">\u00c0 quelle vitesse est mon site Web ? La question semble simple, mais ne peut pas \u00eatre enti\u00e8rement r\u00e9solue par un seul chiffre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un site Web ne se r\u00e9sume pas au seul moment o\u00f9 il est \u201e charg\u00e9 \u201c. Le navigateur commence par se connecter au serveur, re\u00e7oit le HTML, charge d'autres ressources et construit progressivement la page visible et interactive \u00e0 partir de celles-ci.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi diff\u00e9rents outils de performance peuvent afficher des mesures diff\u00e9rentes pour un m\u00eame site Web \u2013 sans que l'un d'eux ne soit n\u00e9cessairement faux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ce guide, nous vous expliquons comment mesurer judicieusement le temps de chargement d'un site web, quelles sont les m\u00e9triques importantes et comment \u00e9valuer correctement les r\u00e9sultats de mesure.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Ne jugez pas la vitesse d'un site Web sur la base d'un seul temps de chargement ou d'un seul test. Il est plus pertinent de combiner plusieurs mesures, diff\u00e9rents indicateurs de performance et \u2013 si disponibles \u2013 des donn\u00e9es de visiteurs r\u00e9els.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi n'y a-t-il pas un seul temps de chargement ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lors du chargement d'un site web, de nombreux processus se d\u00e9roulent successivement et parfois simultan\u00e9ment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simplifi\u00e9 :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Acc\u00e9der \u00e0 l'URL\n    \u2193\n\u00c9tablir la connexion\n    \u2193\nLe serveur traite la requ\u00eate\n    \u2193\nLe HTML est transf\u00e9r\u00e9\n    \u2193\nLe navigateur traite le HTML\n    \u2193\nChargement du CSS, JavaScript, des images et des polices\n    \u2193\nLes premiers contenus deviennent visibles\n    \u2193\nLe contenu principal important appara\u00eet\n    \u2193\nChargement de ressources suppl\u00e9mentaires\n    \u2193\nLa page r\u00e9agit aux interactions de l'utilisateur<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Selon la partie de ce processus observ\u00e9e par un outil, on obtient une valeur de mesure diff\u00e9rente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu'est-ce qui influence le temps de charge mesur\u00e9 ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une mesure ne d\u00e9pend pas seulement du site web lui-m\u00eame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les conditions du test influencent \u00e9galement le r\u00e9sultat. Celles-ci comprennent, par exemple :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Emplacement du syst\u00e8me de test,<\/li>\n\n\n\n<li>Vitesse et latence du r\u00e9seau,<\/li>\n\n\n\n<li>appareil utilis\u00e9 ou mat\u00e9riel simul\u00e9,<\/li>\n\n\n\n<li>Navigateur,<\/li>\n\n\n\n<li>\u00c9tat du cache,<\/li>\n\n\n\n<li>Charge du serveur,<\/li>\n\n\n\n<li>services et ressources externes.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi le m\u00eame site web peut donner des r\u00e9sultats diff\u00e9rents lors de deux mesures.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie TTFB ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">TTFB signifie <strong>Temps jusqu'au premier octet<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'indicateur d\u00e9crit de mani\u00e8re simplifi\u00e9e le temps \u00e9coul\u00e9 entre le d\u00e9but d'une requ\u00eate et l'arriv\u00e9e du premier octet de la r\u00e9ponse HTTP.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Demande commence\n      \u2193\nConnexion \/ Demande \/ Traitement\n      \u2193\npremier octet de la r\u00e9ponse\n      \u2191\n     TTFB<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Le TTFB peut fournir des indications sur la premi\u00e8re partie de la requ\u00eate, mais il ne constitue pas une mesure compl\u00e8te du temps de chargement du site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, un bon TTFB ne signifie pas automatiquement que de grandes images, un JavaScript volumineux ou des ressources externes seront ensuite trait\u00e9s rapidement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le TTFB n'est pas seulement la \u201e vitesse du serveur \u201c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le TTFB est souvent simplifi\u00e9 \u00e0 tort comme le simple temps de r\u00e9ponse du serveur web. C'est inexact.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La valeur mesur\u00e9e peut comprendre plusieurs \u00e9l\u00e9ments, notamment les temps de r\u00e9seau et de connexion ainsi que le traitement de la requ\u00eate du c\u00f4t\u00e9 du serveur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'emplacement du syst\u00e8me de mesure par rapport au serveur peut donc \u00e9galement avoir une influence.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Utilisez le TTFB comme valeur de diagnostic, mais pas comme seule \u00e9valuation de la vitesse d'un site Web ou d'un serveur d'h\u00e9bergement.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie FCP ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">FCP signifie <strong>Premier affichage du contenu<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La valeur d\u00e9crit le moment o\u00f9 le navigateur rend pour la premi\u00e8re fois du contenu du document, par exemple du texte, une image ou d'autres \u00e9l\u00e9ments visibles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">FCP examine ainsi un autre aspect que le TTFB.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Le serveur r\u00e9pond\n      \u2193\nLe navigateur traite la page\n      \u2193\nLe premier contenu pertinent est affich\u00e9\n      \u2191\n     FCP<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie LCP ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">LCP signifie <strong>Plus grand \u00e9l\u00e9ment affich\u00e9<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'indicateur examine le moment o\u00f9 le plus grand \u00e9l\u00e9ment de contenu pertinent a \u00e9t\u00e9 rendu dans la zone visible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela peut \u00eatre, par exemple, une grande image, un titre ou un autre bloc de contenu selon la page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une grande image principale peut donc avoir un impact consid\u00e9rable sur le LCP.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous expliquons la signification exacte du LCP, ainsi que de l'INP et du CLS, sous <a href=\"\/fr\/aide\/surveillance-seo\/core-web-vitals-lcp-inp-cls\/\">Core Web Vitals expliqu\u00e9s : LCP, INP et CLS<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie \u201e enti\u00e8rement charg\u00e9 \u201c ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00eame le terme \u201e compl\u00e8tement charg\u00e9 \u201c n'est pas aussi univoque qu'il n'y para\u00eet au premier abord.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un site Web peut d\u00e9j\u00e0 sembler enti\u00e8rement utilisable pour le visiteur, tandis que d'autres ressources ou requ\u00eates sont encore trait\u00e9es en arri\u00e8re-plan.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inversement, un \u00e9v\u00e9nement de charge technique peut d\u00e9j\u00e0 avoir eu lieu, bien qu'une fonction externe importante ne soit pas encore pr\u00eate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi une seule donn\u00e9e telle que \u201e Temps de chargement : 2,1 secondes \u201c ne doit pas \u00eatre consid\u00e9r\u00e9e de mani\u00e8re isol\u00e9e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que sont les donn\u00e9es de laboratoire ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les donn\u00e9es de laboratoire sont g\u00e9n\u00e9r\u00e9es dans des conditions de test contr\u00f4l\u00e9es ou simul\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un outil de performance charge le site web dans des conditions d\u00e9finies et mesure diff\u00e9rentes m\u00e9triques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela pr\u00e9sente un grand avantage : les tests peuvent \u00eatre r\u00e9p\u00e9t\u00e9s dans des conditions similaires et \u00eatre compar\u00e9s entre eux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les donn\u00e9es de laboratoire se pr\u00eatent donc particuli\u00e8rement bien au diagnostic technique et \u00e0 la comparaison avant et apr\u00e8s une modification.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que sont les donn\u00e9es de terrain ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les donn\u00e9es de terrain sont bas\u00e9es sur des mesures effectu\u00e9es dans des conditions r\u00e9elles d'utilisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ils montrent l'exp\u00e9rience r\u00e9elle v\u00e9cue par les visiteurs sur le site Web, sur divers appareils et dans diff\u00e9rentes conditions de r\u00e9seau, \u00e0 condition que les donn\u00e9es disponibles pour le site ou l'URL concern\u00e9s soient suffisantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela permet aux donn\u00e9es de terrain d'offrir une perspective diff\u00e9rente de celle d'un seul test en laboratoire.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Les donn\u00e9es de laboratoire montrent comment un site Web fonctionne dans des conditions de test sp\u00e9cifiques. Les donn\u00e9es de terrain montrent comment il a r\u00e9ellement \u00e9t\u00e9 v\u00e9cu dans des conditions d'utilisation r\u00e9elles.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi les donn\u00e9es de laboratoire et de terrain peuvent-elles \u00eatre diff\u00e9rentes ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un test en laboratoire utilise des conditions d\u00e9finies. En revanche, les visiteurs r\u00e9els utilisent des appareils, des navigateurs, des connexions r\u00e9seau et des emplacements diff\u00e9rents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, un ordinateur de bureau puissant disposant d'une connexion rapide peut faire l'exp\u00e9rience d'un site Web diff\u00e9remment d'un smartphone plus ancien sur un r\u00e9seau mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Des r\u00e9sultats diff\u00e9rents ne constituent donc pas automatiquement une contradiction.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu'sont les Core Web Vitals ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les Core Web Vitals sont des m\u00e9triques utilis\u00e9es pour mesurer certains aspects de l'exp\u00e9rience utilisateur d'un site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Actuellement, cela inclut :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>LCP \u2192 Largest Contentful Paint\n      Performance d'affichage du plus grand \u00e9l\u00e9ment\n\nINP \u2192 Interaction to Next Paint\n      R\u00e9activit\u00e9\n\nCLS \u2192 Cumulative Layout Shift\n      Stabilit\u00e9 visuelle<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Ces trois valeurs examinent diff\u00e9rents aspects d'un site Web et ne doivent donc pas \u00eatre regroup\u00e9es en un seul \u201e temps de chargement \u201c g\u00e9n\u00e9ral.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quelles sont les mesures importantes pour moi ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cela d\u00e9pend de ce que tu veux \u00e9tudier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous voulez savoir si le serveur r\u00e9pond rapidement \u00e0 une requ\u00eate, le TTFB peut \u00eatre int\u00e9ressant.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous voulez savoir quand des contenus visibles importants apparaissent, des m\u00e9triques de rendu telles que le FCP et le LCP sont plus utiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque les utilisateurs signalent des r\u00e9actions diff\u00e9r\u00e9es aux interactions, l'interactivit\u00e9 est \u00e0 son tour pertinente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une bonne analyse de performance commence donc par la question :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quel probl\u00e8me est-ce que je souhaite r\u00e9ellement mesurer ?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mesurer un site web avec Google PageSpeed Insights<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Google PageSpeed Insights est un outil bien connu pour analyser les performances des sites web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il peut afficher des donn\u00e9es de laboratoire provenant de Lighthouse et, pour autant que des donn\u00e9es d'utilisation r\u00e9elles soient disponibles pour la page ou l'origine concern\u00e9e, des donn\u00e9es d'utilisation r\u00e9elles provenant du Chrome User Experience Report.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela rend PageSpeed Insights adapt\u00e9 \u00e0 la fois \u00e0 une premi\u00e8re analyse technique et \u00e0 l'examen des Core Web Vitals.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous expliquerons les diff\u00e9rents domaines et recommandations dans le prochain article sous <a href=\"\/fr\/aide\/surveillance-seo\/google-pagespeed-insights\/\">Comment utiliser correctement Google PageSpeed Insights<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Consid\u00e9rer le mobile et le bureau s\u00e9par\u00e9ment<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les r\u00e9sultats de performance pour les appareils mobiles et les syst\u00e8mes de bureau peuvent diff\u00e9rer consid\u00e9rablement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce n'est pas surprenant : un smartphone poss\u00e8de des caract\u00e9ristiques de performance diff\u00e9rentes et peut acc\u00e9der \u00e0 un site Web via une connexion r\u00e9seau diff\u00e9rente de celle d'un ordinateur de bureau.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ne jugez donc pas exclusivement le test de bureau sous pr\u00e9texte qu'il y affiche une valeur de performance plus \u00e9lev\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si une part importante de vos visiteurs utilise des appareils mobiles, l'utilisation mobile est au moins tout aussi pertinente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi le lieu du test est-il important ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les donn\u00e9es doivent \u00eatre transf\u00e9r\u00e9es entre le syst\u00e8me de test et les serveurs concern\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Plus la distance r\u00e9seau et la route sont grandes ou d\u00e9favoris\u00e9es, plus la latence peut \u00eatre \u00e9lev\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une page Web dont la cible principale se trouve en Suisse ou en Europe centrale ne devrait donc pas \u00eatre \u00e9valu\u00e9e exclusivement sur la base d'un test unique provenant d'un emplacement \u00e9loign\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour des mesures comparables, tu devrais utiliser des sites de test aussi similaires que possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie latence ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En termes simples, la latence d\u00e9crit le d\u00e9lai de transmission des donn\u00e9es entre deux points.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Elle n'est pas la m\u00eame chose que la bande passante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une connexion peut avoir un d\u00e9bit maximal \u00e9lev\u00e9 et pr\u00e9senter n\u00e9anmoins une latence relativement \u00e9lev\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sur les sites Web, de nombreuses op\u00e9rations r\u00e9seau peuvent avoir lieu, c'est pourquoi la latence peut \u00eatre pertinente pour la vitesse per\u00e7ue.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le cache influence les r\u00e9sultats de mesure<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lors du premier chargement d'un site Web, il peut \u00eatre n\u00e9cessaire de charger des ressources qui seront d\u00e9j\u00e0 pr\u00e9sentes dans le cache du navigateur lors d'une visite ult\u00e9rieure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les syst\u00e8mes de cache c\u00f4t\u00e9 serveur peuvent \u00e9galement permettre de fournir une r\u00e9ponse d\u00e9j\u00e0 pr\u00e9par\u00e9e ou mise en cache plus rapidement qu'une requ\u00eate qui doit \u00eatre enti\u00e8rement g\u00e9n\u00e9r\u00e9e \u00e0 nouveau.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi vous devez savoir si vous mesurez dans un \u00e9tat dit froid ou d\u00e9j\u00e0 r\u00e9chauff\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifient un cache froid et un cache chaud ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Simplifi\u00e9 :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Cache froid\n\u2192 les donn\u00e9es requises ne sont pas encore pr\u00e9sentes dans le cache concern\u00e9\n\nCache chaud\n\u2192 les donn\u00e9es requises peuvent d\u00e9j\u00e0 \u00eatre fournies \u00e0 partir d'un cache<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Les caches impliqu\u00e9s d\u00e9pendent du site web et de l'infrastructure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lors de comparaisons de performances, tu devrais mesurer dans des conditions aussi comparables que possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Un seul test ne suffit pas<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les r\u00e9seaux et les serveurs ne fonctionnent pas dans des conditions totalement constantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une mesure peut, par exemple, \u00eatre influenc\u00e9e par un d\u00e9lai r\u00e9seau de courte dur\u00e9e ou par un service externe.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Effectue par cons\u00e9quent plusieurs mesures et fais attention aux sch\u00e9mas r\u00e9currents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Test 1 \u2192 1,8 s\nTest 2 \u2192 2,0 s\nTest 3 \u2192 1,9 s\n\nautre test :\n\nTest 1 \u2192 1,7 s\nTest 2 \u2192 8,4 s\nTest 3 \u2192 1,8 s<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Pour le deuxi\u00e8me exemple, il conviendrait d'examiner d'abord pourquoi une mesure se d\u00e9tache nettement du lot avant d'en tirer une conclusion g\u00e9n\u00e9rale sur le site Web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Toujours comparer la m\u00eame URL<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La page d'accueil n'est pas automatiquement repr\u00e9sentative de l'ensemble du site Web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une simple page de contact peut, par exemple, n\u00e9cessiter nettement moins de ressources qu'une page de produits d\u00e9taill\u00e9e ou qu'une boutique en ligne.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par cons\u00e9quent, lorsque vous comparez des optimisations, utilisez la m\u00eame URL avant et apr\u00e8s la modification.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Avant :\n\/produit\/exemple\/\n\nApr\u00e8s :\n\/produit\/exemple\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">C'est la seule fa\u00e7on de comparer le m\u00eame type de page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tester plusieurs types de pages importants<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour une \u00e9valuation plus compl\u00e8te, tu ne devrais pas te limiter \u00e0 mesurer uniquement la page d'accueil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selon le site Web, les types de pages suivants peuvent par exemple s'av\u00e9rer judicieux :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Page d'accueil\nPage de service importante\nArticle de blog\nPage de destination\nPage produit\nPage de cat\u00e9gorie de boutique\nPaiement<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Une seule page rapide ne prouve pas que toutes les autres zones poss\u00e8dent la m\u00eame performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Documenter les tests avant et apr\u00e8s les modifications<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous souhaitez \u00e9valuer une mesure de performance, vous devez documenter l'\u00e9tat initial et l'\u00e9tat final.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>URL :\nhttps:\/\/example.com\/beispiel\/\n\nTest :\nmobile\n\nEmplacement du test :\nidentique\n\nDate :\nm\u00eame fen\u00eatre de test\n\nAVANT modification :\nNoter les mesures\n\nModification :\nImage principale optimis\u00e9e\n\nAPR\u00c8S modification :\nRecueillir \u00e0 nouveau les mesures<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cela te permet de mieux \u00e9valuer si la modification concr\u00e8te a r\u00e9ellement apport\u00e9 une am\u00e9lioration mesurable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ne pas changer dix choses en m\u00eame temps<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous compressez des images, modifiez le cache, d\u00e9sactivez des plugins, supprimez du JavaScript et changez de version PHP en m\u00eame temps, le site web peut ensuite \u00eatre plus rapide, mais vous saurez \u00e0 peine quelle mesure a eu quel effet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour un diagnostic pr\u00e9cis, des modifications contr\u00f4l\u00e9es sont pr\u00e9f\u00e9rables.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Conseil pratique :<\/strong> Mesurer \u2192 effectuer un changement tra\u00e7able \u2192 mesurer \u00e0 nouveau. C'est ainsi que vous comprendrez beaucoup mieux quelle optimisation fonctionne r\u00e9ellement.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Le score de performance et le temps de chargement ne sont pas la m\u00eame chose<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De nombreux outils d'analyse calculent un score \u00e0 partir de plusieurs valeurs mesur\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un tel score est pratique pour classer rapidement des r\u00e9sultats, mais il n'est pas identique \u00e0 un temps de chargement directement mesur\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une valeur telle que :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Performance : 92<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">ne signifie pas :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>Le site web est rapide \u00e0 92 %.<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le score est calcul\u00e9 \u00e0 partir de diff\u00e9rentes mesures selon une m\u00e9thodologie sp\u00e9cifique.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ne pas optimiser exclusivement pour 100 points<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un score parfait peut \u00eatre un objectif motivant, mais il ne doit pas devenir une fin en soi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une mesure peut th\u00e9oriquement am\u00e9liorer une valeur mesur\u00e9e tout en d\u00e9gradant le site Web r\u00e9el, par exemple si une image importante est visiblement trop compress\u00e9e ou si une fonction n\u00e9cessaire est supprim\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'optimisation des performances doit donc toujours prendre en compte conjointement les m\u00e9triques techniques et l'exp\u00e9rience utilisateur r\u00e9elle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi deux outils de performance peuvent-ils donner des r\u00e9sultats diff\u00e9rents ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Diff\u00e9rents outils peuvent utiliser des emplacements de test, des profils d'appareils, des conditions r\u00e9seau, des navigateurs ou des m\u00e9thodes de calcul diff\u00e9rents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi tu ne dois pas comparer sans esprit critique les chiffres absolus des diff\u00e9rents services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les comparaisons avant-apr\u00e8s, il est judicieux d'utiliser autant que possible le m\u00eame outil avec des param\u00e8tres comparables.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie analyse en cascade ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une vue en cascade, ou \u00ab waterfall \u00bb, montre quelles ressources une page charge et quand les requ\u00eates respectives commencent ou se terminent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Simplifi\u00e9 :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>HTML       \u2588\u2588\u2588\u2588\u2588\u2588\u2588\nCSS           \u2588\u2588\u2588\u2588\nPolice           \u2588\u2588\u2588\u2588\u2588\nImage 1          \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\nImage 2             \u2588\u2588\u2588\u2588\u2588\u2588\u2588\nJavaScript       \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\nAPI                      \u2588\u2588\u2588\u2588\u2588<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cela vous permet par exemple de voir si un fichier image volumineux, un service externe ou une autre ressource prend particuli\u00e8rement de temps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le nombre de requ\u00eates \u00e0 lui seul n'est pas une mesure de la qualit\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une page avec plus de requ\u00eates HTTP n'est pas automatiquement plus lente qu'une page avec moins de requ\u00eates.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La taille, la priorit\u00e9, la mise en cache, le protocole, les d\u00e9pendances et le traitement des ressources jouent \u00e9galement un r\u00f4le.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une simple prescription d'objectif telle que \u201e moins de 50 requ\u00eates \u201c n'est donc pas une r\u00e8gle de performance universelle.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9valuer correctement la taille totale d'une page<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La quantit\u00e9 de donn\u00e9es transf\u00e9r\u00e9es est un indicateur utile, en particulier pour les sites web riches en images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mais elle doit \u00e9galement \u00eatre replac\u00e9e dans son contexte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une galerie de photos n\u00e9cessite par nature plus de donn\u00e9es d'image qu'une simple page de texte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'objectif n'est pas de forcer chaque site web \u00e0 avoir la m\u00eame taille globale, mais d'\u00e9viter les transferts de donn\u00e9es inutiles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous expliquons comment pr\u00e9parer efficacement les images sous <a href=\"\/fr\/aide\/surveillance-seo\/optimiser-des-images-pour-le-web\/\">Optimiser les images pour le Web : taille de fichier, format et r\u00e9f\u00e9rencement<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les ressources externes peuvent influencer les performances<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les sites Web chargent souvent du contenu provenant d'autres services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela peut par exemple inclure :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Polices web\nServices d'analyse\nVid\u00e9os\nCartes\nContenus de r\u00e9seaux sociaux\nServices publicitaires ou de suivi\nBiblioth\u00e8ques JavaScript externes<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Vous ne contr\u00f4lez pas enti\u00e8rement vous-m\u00eame le temps de r\u00e9ponse de ces ressources.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si un service externe r\u00e9pond lentement, cela peut par cons\u00e9quent affecter certains aspects de votre site web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Un site web lent ne signifie pas automatiquement un h\u00e9bergement lent<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsqu'un site web semble lent, on a souvent tendance \u00e0 bl\u00e2mer imm\u00e9diatement le serveur d'h\u00e9bergement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela peut \u00eatre une cause possible, mais ce n'est de loin pas la seule.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une feuille de style, des images volumineuses, des requ\u00eates de base de donn\u00e9es complexes, des extensions, des th\u00e8mes, du JavaScript ou des services externes peuvent par exemple ralentir un site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 l'inverse, une application inefficace peut \u00e9galement rester lente sur une infrastructure performante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous abordons la mani\u00e8re de circonscrire syst\u00e9matiquement de telles causes sous <a href=\"\/fr\/aide\/surveillance-seo\/langsame-website-ursachen\/\">Site web lent : identifier les causes de mani\u00e8re syst\u00e9matique<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Faire la distinction entre l'heure du serveur et l'heure du frontend<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pour le diagnostic, il est utile de distinguer grossi\u00e8rement entre la g\u00e9n\u00e9ration ou la mise \u00e0 disposition d'une r\u00e9ponse et le traitement ult\u00e9rieur dans le navigateur.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Serveur \/ Backend\n\u2192 Traiter la requ\u00eate\n\u2192 Fournir le HTML\n\nNavigateur \/ Frontend\n\u2192 Analyser le HTML\n\u2192 Traiter le CSS\n\u2192 Ex\u00e9cuter le JavaScript\n\u2192 Charger les images\n\u2192 Afficher la page<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Si le serveur r\u00e9pond rapidement, mais que le navigateur doit ensuite traiter des ressources tr\u00e8s volumineuses, la page peut tout de m\u00eame sembler lente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 l'inverse, un front-end l\u00e9ger peut \u00eatre ralenti par un traitement c\u00f4t\u00e9 serveur tr\u00e8s lent.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi une connexion Internet rapide peut tromper le d\u00e9veloppeur<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quiconque teste un site Web avec une connexion fibre optique rapide et un ordinateur puissant ne ressentira pratiquement aucun d\u00e9calage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cependant, les visiteurs peuvent avoir d'autres conditions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi les conditions de test mobiles simul\u00e9es et les donn\u00e9es d'utilisation r\u00e9elles sont utiles. Elles r\u00e9v\u00e8lent des aspects qui passent presque inaper\u00e7us lors d'un acc\u00e8s depuis un poste de travail rapide.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tester les performances directement sur un smartphone<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Au-del\u00e0 des outils automatis\u00e9s, un v\u00e9ritable test pratique en vaut la peine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrez des pages importantes sur un smartphone et observez le comportement r\u00e9el du site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Observe par exemple :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Quand le contenu principal appara\u00eet-il ?\n\nLa mise en page change-t-elle pendant le chargement ?\n\nPuis-je interagir rapidement avec la page ?\n\nLes images apparaissent-elles \u00e0 temps ?\n\nUne banni\u00e8re de cookies bloque-t-elle l'utilisation ?\n\nLa navigation r\u00e9agit-elle imm\u00e9diatement ?<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">De telles observations ne remplacent pas une mesure technique, mais constituent un compl\u00e9ment utile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ne pas tester le site web uniquement \u00e0 l'\u00e9tat connect\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les syst\u00e8mes de gestion de contenu peuvent se comporter diff\u00e9remment pour les administrateurs connect\u00e9s que pour les visiteurs normaux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il est possible de contourner les caches pour les utilisateurs connect\u00e9s, par exemple.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Testez par cons\u00e9quent la site web public en plus dans une fen\u00eatre de navigation priv\u00e9e, dans laquelle vous n'\u00eates pas connect\u00e9 au CMS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9viter les mesures pendant les travaux de maintenance<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si des sauvegardes, des importations, des mises \u00e0 jour ou d'autres travaux intensifs sont en cours, les mesures peuvent ne pas \u00eatre repr\u00e9sentatives.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il en va de m\u00eame pour une structure de cache qui vient d'\u00eatre vid\u00e9e, si vous souhaitez r\u00e9ellement \u00e9valuer l'\u00e9tat normal d'un visiteur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par cons\u00e9quent, documentez les conditions de test lors de comparaisons importantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu'est-ce qu'un bon temps de chargement ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La question d'un \u201e bon temps de chargement \u201c unique est trop g\u00e9n\u00e9rale.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google d\u00e9finit des seuils pr\u00e9cis pour les Core Web Vitals. Pour le LCP, par exemple, une \u00e9valuation allant jusqu'\u00e0 2,5 secondes au 75e centile est consid\u00e9r\u00e9e comme \u201e bonne \u201c.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela ne signifie toutefois pas que toute autre m\u00e9trique de temps de chargement envisageable doive \u00e9galement \u00eatre syst\u00e9matiquement inf\u00e9rieure \u00e0 2,5 secondes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diff\u00e9rents indicateurs mesurent des choses diff\u00e9rentes.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Ne transf\u00e9rez pas simplement une limite d'indicateur de performance sp\u00e9cifique \u00e0 toutes les autres valeurs de temps de chargement.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Que signifie le 75e centile ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lors de l'utilisation de donn\u00e9es d'utilisation r\u00e9elles, on ne se contente pas d'examiner de simples valeurs maximales ou moyennes individuelles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le 75e percentile signifie simplement que 75 pour cent des exp\u00e9riences examin\u00e9es atteignent une valeur \u00e9gale ou sup\u00e9rieure \u00e0 cette limite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela ne permet pas seulement de consid\u00e9rer des appels individuels particuli\u00e8rement rapides.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Performance et SEO<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La performance d'un site Web peut \u00e9galement \u00eatre pertinente dans le cadre de la recherche Google. Les Core Web Vitals font partie des signaux d'exp\u00e9rience utilisateur pris en compte par Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela ne signifie pas pour autant qu'un meilleur score de performance entra\u00eene automatiquement une am\u00e9lioration du classement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La performance technique doit \u00eatre optimis\u00e9e avant tout parce qu'un site Web rapide et stable est plus facile \u00e0 utiliser pour les visiteurs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La mesure des performances est un diagnostic, pas une comp\u00e9tition<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il est peu judicieux de comparer exclusivement un score avec un site web compl\u00e8tement diff\u00e9rent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un blog simple, une boutique en ligne complexe et une application Web ont des exigences diff\u00e9rentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La question la plus pertinente est :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O\u00f9 se trouvent les goulots d'\u00e9tranglement concrets de mon site web et lesquels puis-je am\u00e9liorer utilement ?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00e9rifier r\u00e9guli\u00e8rement les performances<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un site web change.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De nouveaux plugins, images, scripts de suivi, polices, vid\u00e9os ou fonctionnalit\u00e9s peuvent affecter les performances.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">C'est pourquoi une mesure n'est pas valable pour toujours.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une nouvelle v\u00e9rification vaut particuli\u00e8rement la peine apr\u00e8s des modifications importantes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c0 quel moment dois-je mesurer \u00e0 nouveau ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une nouvelle mesure des performances est particuli\u00e8rement utile apr\u00e8s :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Refonte de site web\nChangement de th\u00e8me\nModifications majeures de plugins\nNouveaux scripts de suivi ou marketing\nInt\u00e9gration d'images ou de vid\u00e9os volumineuses\nModifications de la mise en cache\nModifications du serveur ou de PHP\nExtensions majeures de la boutique<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">L'accessibilit\u00e9 d'un site web est diff\u00e9rente de la performance<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un site Web peut \u00eatre accessible tout en r\u00e9agissant lentement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inversement, un test de performance ne mesure pas automatiquement et de mani\u00e8re fiable si un site Web est disponible 24 heures sur 24.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Des syst\u00e8mes de surveillance sont utilis\u00e9s pour le contr\u00f4le continu de l'accessibilit\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous traitons ce sujet sous <a href=\"\/fr\/aide\/surveillance-seo\/surveillance-de-la-disponibilite-de-site-web\/\">Surveillance de sites web : surveiller l'accessibilit\u00e9 et les pannes<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">D\u00e9roulement pratique d'une mesure de performance<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>s\u00e9lectionner une URL repr\u00e9sentative\n        \u2193\nd\u00e9finir les conditions de test\n        \u2193\ntester sur mobile et ordinateur\n        \u2193\neffectuer plusieurs mesures\n        \u2193\ndocumenter les valeurs mesur\u00e9es\n        \u2193\nidentifier les ressources probl\u00e9matiques\n        \u2193\nanalyser une cause pr\u00e9cise\n        \u2193\neffectuer une modification cibl\u00e9e\n        \u2193\nmesurer \u00e0 nouveau dans des conditions comparables\n        \u2193\n\u00e9valuer le r\u00e9sultat<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Quelles valeurs dois-je documenter ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Quelles donn\u00e9es sont pertinentes d\u00e9pend de l'outil utilis\u00e9. Pour une comparaison reproductible, les informations suivantes peuvent par exemple \u00eatre utiles :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>URL test\u00e9e\ndate et heure\noutil de test\nmobile ou bureau\nemplacement du test, si s\u00e9lectionnable\nTTFB\nFCP\nLCP\nautres Core Web Vitals\nquantit\u00e9 de donn\u00e9es transf\u00e9r\u00e9es\nressources notables\nmodification effectu\u00e9e<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Cela vous permettra de mieux replacer les mesures ult\u00e9rieures dans leur contexte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Erreurs fr\u00e9quentes lors de la mesure de la vitesse d'un site web<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>n'ex\u00e9cuter qu'un seul test\nne tester que la page d'accueil\nne regarder que le bureau\ncomparer directement diff\u00e9rents outils\nignorer diff\u00e9rents emplacements de test\nne pas tenir compte de l'\u00e9tat du cache\nconfondre le score de performance avec des secondes\noptimiser uniquement pour 100 points\neffectuer plusieurs modifications en m\u00eame temps\nattribuer imm\u00e9diatement chaque site lent \u00e0 l'h\u00e9bergement\n\u00e9valuer les m\u00e9triques sans l'exp\u00e9rience utilisateur r\u00e9elle<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Liste de contr\u00f4le pour une mesure pertinente<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>Quelle URL est-ce que je souhaite analyser ?\n        \u2193\nQuel probl\u00e8me est-ce que je souhaite mesurer ?\n        \u2193\nLes conditions de test sont-elles comparables ?\n        \u2193\nMobile ET Desktop pris en compte ?\n        \u2193\nPlusieurs tests effectu\u00e9s ?\n        \u2193\nDonn\u00e9es de laboratoire et de terrain diff\u00e9renci\u00e9es ?\n        \u2193\nTTFB et rendu examin\u00e9s s\u00e9par\u00e9ment ?\n        \u2193\nRessources suspectes v\u00e9rifi\u00e9es ?\n        \u2193\nUne seule modification cibl\u00e9e effectu\u00e9e ?\n        \u2193\nNouvelle mesure effectu\u00e9e dans les m\u00eames conditions ?\n        \u2193\nSite Web r\u00e9el \u00e9galement test\u00e9 par soi-m\u00eame ?<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9sum\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Il est impossible de d\u00e9crire la vitesse d'un site Web de mani\u00e8re pertinente par un seul chiffre. Lors du chargement d'une page, la r\u00e9ponse du serveur, le r\u00e9seau, le navigateur, les images, le CSS, le JavaScript, les services externes et de nombreux autres facteurs interagissent.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les m\u00e9triques telles que le TTFB, le FCP et le LCP examinent diff\u00e9rentes \u00e9tapes de ce processus. Les donn\u00e9es de laboratoire sont g\u00e9n\u00e9r\u00e9es dans des conditions de test contr\u00f4l\u00e9es, tandis que les donn\u00e9es de terrain refl\u00e8tent les exp\u00e9riences d'utilisation r\u00e9elles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour des comparaisons pertinentes, tu devrais tester plusieurs fois la m\u00eame URL dans des conditions aussi comparables que possible et prendre en compte les sc\u00e9narios mobiles et de bureau.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un score de performance constitue \u00e0 cet \u00e9gard un rep\u00e8re utile, mais ne repr\u00e9sente pas une fin en soi. L'essentiel est d'identifier des goulots d'\u00e9tranglement concrets et de v\u00e9rifier ensuite si une optimisation cibl\u00e9e apporte effectivement une am\u00e9lioration.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Une bonne analyse des performances ne consiste pas \u00e0 collecter le plus de chiffres possible. Elle consiste \u00e0 mesurer dans des conditions comparables, \u00e0 comprendre les bons indicateurs et \u00e0 en d\u00e9duire la bonne mesure technique.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Wie schnell ist meine Website? Die Frage klingt einfach, l\u00e4sst sich aber nicht mit einer einzigen Zahl vollst\u00e4ndig beantworten. Eine Website besitzt nicht nur den einen Zeitpunkt, an dem sie \u201egeladen\u201c ist. Der Browser beginnt mit der Verbindung zum Server, empf\u00e4ngt HTML, l\u00e4dt weitere Ressourcen und baut daraus schrittweise die sichtbare und interaktive Seite auf. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[85],"doc_tag":[],"class_list":["post-22892","docs","type-docs","status-publish","hentry","doc_category-seo-monitoring"],"year_month":"2026-09","word_count":3199,"total_views":"5","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/fr\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"SEO &amp; Monitoring","term_url":"https:\/\/www.curiaweb.ch\/fr\/hilfe-kategorie\/seo-monitoring\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/comments?post=22892"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22892\/revisions"}],"predecessor-version":[{"id":22894,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22892\/revisions\/22894"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/media?parent=22892"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_category?post=22892"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_tag?post=22892"}],"curies":[{"name":"Bien jou\u00e9","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}