Guide : Speed Index

TL;DR — Speed Indexer est a Lighthouse score pour comment quickly le stuff on votre page montre up pendant que il charge. Lower (faster) est meilleur, mesuré dans seconds. On mobile, sous 3,4 s est bon. c’est pas a Core Web Vital et il ne fait pas directement affecter votre Google rankings — mais le choses que corriger il généralement aider le metrics que faire.

Ce que Speed Index is

Quand vous exécuter une page via Lighthouse or PageSpeed Insights, un de le numbers vous obtenir back est Speed Indexer. Il réponses a simple question: comment rapide fait le visible partie de votre page fill dans?

La plupart speed metrics mark a unique moment — comme quand le premier bit de contenu apparaît (Premier affichage de contenu) or quand le biggest chose apparaît (Largest Contentful Paint). Speed Indexer est différent. Il watches le entier charger et donne vous an average de comment quickly choses became visible. Une page que paints tout presque instantly obtient a faible (bon) score; une page que sits blank et alors dribbles contenu dans obtient a élevé (mauvais) un.

How to lire votre score

Lighthouse grades Speed Index on mobile comme ce:

• Bon: 0 – 3,4 s (green)
• Nécessite improvement: 3,4 – 5,8 s (orange)
• Poor: plus que 5,8 s (red)

Desktop is beaucoup stricter — bon is roughly sous 1,3 s — parce que Lighthouse tests mobile on a simulated slower device. So don’t comparer a desktop number to a mobile un; they’re on différent scales.

Fait it matter pour le SEO?

Ici’s le partie personnes obtenir incorrect. Speed Indexer n’est pas a Core Web Vital, et il est pas a Google facteur de classement. Google’s page-experience signaux come depuis Core Web Vitals (LCP, INP, et CLS) mesuré on réel utilisateurs. Speed Indexer n’est pas un de les et n’est pas même mesuré on réel utilisateurs — il nécessite a video recording de le charger, qui seulement se produit dans testing outils.

Que ne fait pas faire il useless. Le corrections que améliorer Speed Indexer — a faster serveur, fewer rendre-blocking fichiers, texte que stays visible pendant que fonts charger — sont le même corrections que améliorer FCP et LCP. Donc a meilleur Speed Indexer généralement travels alongside a meilleur LCP, qui fait matter.

Si vous vouloir le formula, le WebPageTest history, où il sits dans le Lighthouse score, et le limitations à watch pour, switch à le Avancé tab.

TL;DR — Speed Indexer mesure comment quickly contenu est visually affiché during page charger — le average temps visible contenu apparaît, scored dans seconds (lower est meilleur). c’est computed depuis a video de le charger par summing le area ci-dessus le visual-progress curve, qui rend il a lab-seulement metric (pas dans CrUX, PSI champ données, or Search Console). Il originated dans WebPageTest (Pat Meenan); Lighthouse computes il via le open-source Speedline module. Il est pas a Core Web Vital et pas a facteur de classement — c’est un de five Lighthouse metrics, weighted 10% dans Lighthouse 10. Mobile: Bon ≤ 3,4 s, Nécessite improvement ≤ 5,8 s, Poor > 5,8 s; desktop bon ≤ ~1,3 s. Il ne peut pas être faster que FCP, c’est viewport-dependent, et il améliore avec le même corrections as FCP/LCP.

Ce que Speed Index en réalité measures

Google’s definition est un line: “Speed Indexer mesure comment quickly contenu est visually affiché during page charger.” Le clé word est visually. Speed Indexer n’est pas a unique timestamp le façon Premier affichage de contenu et Largest Contentful Paint sont — c’est a composite score que represents le average temps à qui le visible parties de lune page sont affiché. Lower est meilleur, et c’est reported dans seconds.

Le mental model Je trouver clearest: draw a graph avec temps on le X axis et “percent de lune page visually complet” on le Y axis, climbing depuis 0% à 100%. Speed Indexer est le area ci-dessus que curve. Le faster le curve climbs à 100%, le plus petit le area, le meilleur le score. Une page c’est blank pour a pendant que laisse a big rectangle de vide area ci-dessus le line; une page que paints rapide laisse presque none.

How it’s calculated

Lighthouse captures a video de lune page chargement et computes le visual progression entre frames. Chaque interval de temps obtient weighted par comment incomplete lune page encore est à que moment — a entièrement blank frame counts à 100%, a mostly-rendu frame counts pour very little. Le original WebPageTest formula est:

Speed Index = Σ ( interval × (1 − visual completeness% / 100) )

A worked exemple rend it concrete. DebugBear walks via un charger comme ce:

• 0% complet (0–253 ms) → 253,0 ms contribution
• 43% complet (253–403 ms) → 85,5 ms contribution
• 98% complet (403–536 ms) → 2,7 ms contribution
• 99% complet (536–653 ms) → 1,2 ms contribution
• Total: 342,3 ms

Notice le premier chunk: pendant que rien est visible, tout de que temps contributes à complet weight. c’est pourquoi Speed Indexer peut jamais être faster que Premier Contentful Paint — chaque millisecond avant le premier contenu paints est counted à 100%.

Lighthouse ne fait pas roll son propre implementation ici. Il exécute le open-source Speedline module (originally depuis Paul Irish), qui s’applique le même visual-progress-depuis-video methodology as WebPageTest, fonctionnement off Chrome DevTools traces avec screenshots enabled. Speedline peut compute a standard Speed Indexer (histogram difference entre le actuel et final frame) or a perceptual variant en utilisant SSIM; le standard un est ce que vous normally voir.

What’s a bon score

«Lighthouse 10 grades Speed Index against real-website data from the HTTP Archive, and the thresholds differ sharply by device because Lighthouse simulates a mid-tier mobile device with throttling by default: » (Traduction) (Résumé en français de la section trente et un, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Si vous avez vu le old “under 1,000 ms est bon” benchmark floating autour, c’est legacy WebPageTest guidance pour a spécifique era et connection profile — pas le actuel Lighthouse mobile bar. Toujours know qui outil et qui device/network paramètres produced le number vous êtes looking à, parce que le même page scores differently dans Lighthouse, WebPageTest, et GTmetrix.

Où it sits in the Lighthouse score

Speed Indexer est un de five metrics dans le Lighthouse 10 Performances score, et c’est weighted 10% — tied avec FCP pour le lowest weight:

Le practical takeaway: chasing Speed Indexer dans isolation est faible ROI. Total Blocking Temps (30%) et LCP et CLS (25% chaque) déplacer le overall score far plus. Unless Speed Indexer est le chose précisément failing, vous’ll généralement obtenir plus par fixing LCP et TBT — et Speed Indexer améliore as a side effect anyway. Dans PageSpeed Insights vous’ll trouver Speed Indexer dans le lab (Lighthouse) section, pas dans le champ-données section up top.

Est Speed Indexer a Core Web Vital or a facteur de classement?

Aucun on les deux counts, et le distinction matters quand vous êtes explaining a rapport à a stakeholder.

• c’est pas a Core Web Vital. Le Core Web Vitals sont LCP, INP, et CLS, mesuré on réel utilisateurs via CrUX. Speed Indexer n’est pas dans que définir et ne fait pas montrer up dans Search Console’s Core Web Vitals rapport.
• c’est pas a direct facteur de classement. Google’s page-experience signal utilise Core Web Vitals champ données. Speed Indexer est a lab-seulement diagnostic que Google ne fait pas collect depuis réel utilisateurs, donc il y a aucun direct chemin depuis votre Speed Indexer number à rankings.

Le relationship à rankings est indirect: le problèmes que produce a mauvais Speed Indexer — lent TTFB, rendre-blocking CSS/JS, invisible texte during font swap — sont le même ones que produce a mauvais FCP et LCP. Corriger les et a meilleur Speed Indexer généralement tracks a meilleur LCP, qui est le partie Google en réalité rewards.

Pourquoi it’s lab-only

Speed Indexer nécessite a frame-par-frame video de lune page rendu, alors image processing à compute visual completeness on chaque frame. c’est far aussi expensive à exécuter on chaque réel visitor, donc il seulement exists dans synthetic/lab outils — Lighthouse, WebPageTest, GTmetrix. Réel Utilisateur Monitoring et le CrUX dataset simplement ne pas carry il. Si vous besoin champ performances données, vous utiliser Core Web Vitals; Speed Indexer est pour diagnosing rendu dans a controlled tester.

Où it came from

Speed Indexer originated dans WebPageTest, qui Pat Meenan créé et open-sourced dans 2008 (le metric itself était ajouté autour 2012). Il était designed à corriger a réel gap dans le metrics de le temps:

«- Render start could fire on a single pixel or a background color — not meaningful content. » (Traduction) (Résumé en français de la section quarante-six, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.) «- Document complete (onload) includes below-the-fold and irrelevant resources. » (Traduction) (Résumé en français de la section quarante-six, sous-partie deux : le texte source est conservé pour vérification lors de la relecture francophone.)

Speed Indexer split le difference par measuring ci-dessus-le-fold visual completeness over temps — a meilleur proxy pour ce que a utilisateur en réalité perceives. Lighthouse plus tard adopted que methodology via le Speedline module, qui est pourquoi le WebPageTest et Lighthouse numbers share a lineage même though leur throttling differs.

How to améliorer it

There’s aucun Speed Index-specific trick — Google’s propre guidance is que anything vous do to améliorer page charger speed va améliorer votre Speed Index score. En pratique:

• Cut serveur réponse temps (TTFB). Chaque millisecond avant le premier byte est blank-page temps counted à complet weight.
• Eliminate rendre-blocking CSS et JavaScript. Ces delay premier paint, qui est le la plupart expensive partie de le curve. Inline critical CSS, defer le rest.
• Corriger font chargement. During a font swap, texte peut être invisible — counting as 0% complet pour que span. font-display: swap (or optional) garde texte visible. Ce est un de le audits Lighthouse explicitly flags pour Speed Indexer.
• Minimize main-thread fonctionner et reduce JavaScript execution temps — le autre deux diagnostics Lighthouse calls out as élevé-impact pour Speed Indexer.
• Prioritize ci-dessus-le-fold contenu. Speed Indexer seulement cares à propos de le visible viewport, donc getting le premier screen painted rapide est le entier game.

Ces overlap presque complètement avec FCP et LCP optimization — qui est exactly pourquoi Je treat Speed Indexer as a corroborating signal, pas a séparé à-faire liste. Avant vous act on quelconque unique number, regarder à le charger filmstrip (Lighthouse et WebPageTest les deux generate un) à confirmer qu’est-ce que en réalité painting early versus late, et comparer a quelques repeated, like-pour-like exécute plutôt que un tester — voir le exécuter-à-exécuter variability remarque ci-dessous.

Limitations worth knowing

• Lab-seulement — il jamais reflects a réel utilisateur’s experience, seulement le tester environment’s.
• Viewport-dependent — il mesure le visible area, donc mobile et desktop donner very différent résultats (hence le very différent thresholds).
• SPA/AJAX blind spot — unique-page apps peut regarder artificially rapide: le shell paints quickly pendant que le contenu réel charge plus tard sans une page refresh.
• Carousels, autoplay video, et consent overlays — n’importe quoi que garde modification pixels après le meaningful contenu a chargé peut être penalized pour continuing à register as “incomplete,” le même mechanism que penalizes auto-rotating carousels.
• Pas a “fully chargé” metric — il mesure ci-dessus-le-fold visual progression, pas quand chaque script, image, or ci-dessous-le-fold element finishes. WebPageTest’s séparé Visually Complet metric (toujours ≥ Speed Indexer) est le un que catches a late lazy-chargé widget.
• Visual progress n’est pas proof de usefulness. Speed Indexer seulement mesure pixel modifier contre a final frame — il ne fait pas know si qu’est-ce que on screen est readable, correctement ordered, accessible, or en réalité interactive. A rapide-painting skeleton or shell peut score bien pendant que le contenu réel (et le ability à utiliser il) arrives plus tard; c’est le même échec mode as le “meaningless early paint” anti-modèle ci-dessus, simplement décrit depuis le metric’s side.
• Exécuter-à-exécuter variability. Parce que c’est derived depuis a unique recorded charger, Speed Indexer moves avec le tester conditions — Google’s propre scoring guidance listes device differences, navigateur extensions, antivirus software, et même ad/A-B-test changements as sources de score fluctuation que ont rien à faire avec votre code. Comparer distributions depuis repeated, like-pour-like exécute, pas un-off numbers.

Connexe metrics

Speed Indexer lives dans le même web performances cluster as le Core Web Vitals hub et son neighbors. c’est closest à Premier affichage de contenu (Speed Indexer ne peut pas beat FCP) et Plus grand affichage de contenu (même corrections, même root causes), sits alongside Total Blocking Temps dans le Lighthouse score, et vous’ll meet il à l’intérieur Lighthouse et PageSpeed Insights. Pour le champ metrics que en réalité drive rankings, commencer à le Core Web Vitals hub.

AI summary

A condensed prendre on the Avancé version:

• Speed Indexer = comment quickly contenu est visually affiché during charger — a composite score (average temps visible contenu apparaît), pas a unique timestamp. Reported dans seconds; lower est meilleur.
• Mental model: le area ci-dessus le visual-progress curve (temps vs. % visually complet). Computed depuis a video de le charger, weighting chaque interval par comment incomplete lune page encore est.
• Lab-seulement: nécessite frame-par-frame screenshots, donc c’est pas dans CrUX, PageSpeed Insights champ données, or Search Console. Utiliser Core Web Vitals pour champ données.
• Origin: WebPageTest (Pat Meenan, 2008; metric ~2012). Lighthouse computes il via le open-source Speedline module — même methodology as WebPageTest.
• Pas a Core Web Vital, pas a facteur de classement. CWVs sont LCP, INP, CLS. Le lien à rankings est indirect: fixing Speed Indexer généralement améliore FCP/LCP.
• Lighthouse 10 weight: 10% — tied avec FCP pour lowest. TBT (30%) et LCP/CLS (25% chaque) matter far plus, donc chasing Speed Indexer alone est faible ROI.
• Thresholds (mobile): Bon ≤ 3,4 s, Nécessite improvement ≤ 5,8 s, Poor > 5,8 s; desktop bon ≤ ~1,3 s. Il ne peut pas être faster que FCP et est viewport-dependent.
• Corrections = FCP/LCP corrections: faster TTFB, fewer ressources qui bloquent le rendu, font-display: swap, moins main-thread/JS fonctionner, prioritize ci-dessus-le-fold.
• Limitations: SPAs peut score artificially bien; carousels, autoplay video, et consent overlays peut être penalized; c’est pas a “fully loaded” mesurer; visual progress n’est pas proof le contenu est readable, accessible, or usable; et a unique exécuter peut être déplacé par device, extensions, or ad/A-B changements que ont rien à faire avec votre code.

«## Official documentation » (Traduction) (Résumé en français de la section soixante-trois, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

«Primary-source documentation for Speed Index. » (Traduction) (Résumé en français de la section soixante-quatre, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

«Google / Lighthouse » (Traduction) (Résumé en français de la section soixante-cinq, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.) «- Speed Index (Lighthouse audit) — the canonical reference: definition, how Lighthouse computes it via Speedline, scoring thresholds, and the optimization audits. » (Traduction) (Résumé en français de la section soixante-cinq, sous-partie deux : le texte source est conservé pour vérification lors de la relecture francophone.) «- Lighthouse performance scoring — where the 10% Speed Index weight and the full metric breakdown live. » (Traduction) (Résumé en français de la section soixante-cinq, sous-partie trois : le texte source est conservé pour vérification lors de la relecture francophone.) «- Minimize main-thread work — one of the three audits Lighthouse flags as high-impact for Speed Index. » (Traduction) (Résumé en français de la section soixante-cinq, sous-partie quatre : le texte source est conservé pour vérification lors de la relecture francophone.) «- Reduce JavaScript execution time — the second flagged audit. » (Traduction) (Résumé en français de la section soixante-cinq, sous-partie cinq : le texte source est conservé pour vérification lors de la relecture francophone.) «- Ensure text remains visible during webfont load (font-display) — the third flagged audit. » (Traduction) (Résumé en français de la section soixante-cinq, sous-partie six : le texte source est conservé pour vérification lors de la relecture francophone.)

«Origin / implementation » (Traduction) (Résumé en français de la section soixante-six, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.) «- Speedline (paulirish/speedline) — the open-source module Lighthouse uses to compute Speed Index from DevTools traces. » (Traduction) (Résumé en français de la section soixante-six, sous-partie deux : le texte source est conservé pour vérification lors de la relecture francophone.) «- Lighthouse source — speed-index.js — the audit’s description constant. » (Traduction) (Résumé en français de la section soixante-six, sous-partie trois : le texte source est conservé pour vérification lors de la relecture francophone.) «- WebPageTest — About — Pat Meenan created and open-sourced WebPageTest, where Speed Index originated. » (Traduction) (Résumé en français de la section soixante-six, sous-partie quatre : le texte source est conservé pour vérification lors de la relecture francophone.)

«## Quotes from the source » (Traduction) (Résumé en français de la section soixante-neuf, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

On-le-record statements. Chaque Google/Lighthouse lien est a deep lien que jumps à le quoted passage.

Google — ce que Speed Index measures

• “Speed Index measures how quickly content is visually displayed during page load.” — Lighthouse Speed Indexer audit. Jump à citation

Google — how the score is définir

«- “Your Speed Index score is a comparison of your page’s speed index and the speed indexes of real websites, based on data from the HTTP Archive.” — Lighthouse Speed Index audit. Jump to quote » (Traduction) (Résumé en français de la section soixante-quatorze, sous-partie un : le texte source est conservé pour vérification lors de la relecture francophone.)

Relayed sources (paraphrased depuis secondary documentation, pas quoted verbatim)

• Lighthouse captures a video de lune page chargement, computes le visual progression entre frames, et generates le score avec le Speedline module — fondé on le même principles as le original WebPageTest Speed Indexer. (Lighthouse Speed Indexer audit, computation section.)
• Le plus long a frame est visible et le moins complet lune page est à que point, le plus que frame contributes à le score — et parce que tout pre-FCP temps counts à 100%, Speed Indexer ne peut pas être faster que Premier affichage de contenu. (DebugBear, Speed Indexer docs.)
• Speed Indexer est seulement disponible dans synthetic/lab testing parce que de le coût de frame-par-frame screenshot processing. (DebugBear, Speed Indexer docs.)
• Le metric était ajouté à WebPageTest autour 2012, on top de le outil Pat Meenan open-sourced dans 2008. (KeyCDN; WebPageTest À propos de page.)

Speed Index cheat sheet

Thresholds (Lighthouse 10)

Lighthouse 10 Performances weights

Rapide facts

• Mesure visual completeness over temps (area ci-dessus le progress curve), pas a unique timestamp. Lower est meilleur.
• Lab-seulement — pas dans CrUX, PSI champ données, or Search Console.
• Pas a Core Web Vital; pas a direct facteur de classement.
• Peut jamais être faster que FCP (pre-FCP temps counts à 100%).
• Viewport-dependent — mobile et desktop scores differ a lot.
• Computed par Speedline; originated dans WebPageTest (Pat Meenan).

Améliorer it (même as FCP/LCP)

• Cut TTFB (faster server réponse).
• Supprimer render-blocking CSS/JS; inline critical CSS.
• font-display: swap / optional so text stays visible.
• Minimize main-thread fonctionner and JS execution temps.
• Prioritize above-the-fold rendering.

ne pas être fooled

• “Under 1,000 ms” est old WebPageTest guidance, pas le Lighthouse mobile bar.
• SPAs peut score artificially bien; carousels peut être penalized.

Outils que report Speed Index

• Lighthouse (dans Chrome DevTools, le CLI, or le Node module) — rapports Speed Indexer as un de le five Performances metrics, computed via Speedline.
• PageSpeed Insights — exécute Lighthouse et montre Speed Indexer dans le lab (Diagnostics) section. Remarque: le champ-données section up top utilise Core Web Vitals, donc Speed Indexer jamais apparaît là.
• WebPageTest — où le metric originated; rapports Speed Indexer alongside Visually Complet et filmstrip views, avec configurable connection profiles.
• GTmetrix — surfaces Speed Indexer dans son UI, en utilisant WebPageTest données; son numbers ne va pas match Lighthouse’s parce que de différent device/network simulation.
• DebugBear — synthetic monitoring avec a clair frame-par-frame breakdown de comment le Speed Indexer score était computed.

A reminder quand comparing outils: le même page produces différent Speed Indexer valeurs à travers Lighthouse, WebPageTest, et GTmetrix parce que de leur différent throttling et device assumptions. Comparer comme avec comme.

Speed Index mistakes que waste optimization temps

• Appel Speed Indexer a Core Web Vital. Il est a lab-seulement visual-progress metric, pas a champ classement signal. Utiliser il à diagnose comment une page fills dans, alors vérifier le réel Core Web Vitals séparément.
• Comparing mobile et desktop thresholds. Lighthouse utilise différent scoring curves et tester conditions. Track un profile over temps plutôt que treating le deux scores as interchangeable.
• Improving le number avec a meaningless early paint. A header shell peut faire visual progress commencer précédent pendant que le principal contenu remains blank. Examiner le charger filmstrip avec le metric.
• Optimizing chaque image avant checking le critical chemin. Lent TTFB, rendre-blocking CSS, fonts, et synchronous JavaScript peut delay le entier visual sequence. Trouver le premier bottleneck dans le waterfall et trace.
• Expecting a stable unique-exécuter valeur. Speed Indexer est derived depuis a synthetic video et moves avec le tester environment. Repeat comparable exécute avant declaring a regression or win.

Testez vos connaissances: Speed Index

Five rapide questions on ce que Speed Index measures. Pick an réponse pour chaque, alors vérifier.

Ressources utiles

Official

• Speed Indexer — Lighthouse audit — le canonical definition, thresholds, et optimization audits.
• Lighthouse performances scoring — le metric weights, notamment Speed Indexer’s 10%.
• WebPageTest — À propos de — le origin de le metric.

Implementation

• paulirish/speedline — le open-source module Lighthouse utilise à compute Speed Indexer.

Depuis others

• DebugBear — Speed Indexer — le clearest étape-par-étape worked exemple de le computation et le FCP relationship.
• KeyCDN — Speed Indexer — historical context et le WebPageTest formula.
• Catchpoint — Speed Indexer — heir à le WebPageTest blog; visual-progress formula et le SPA/carousel limitations.
• Recherche Google Central — Core Web Vitals — confirms que LCP, INP, et CLS sont le classement signaux; Speed Indexer n’est pas listed, reinforcing que il a aucun direct classement impact.
• web.dev — Vitals overview — le authoritative definition de Core Web Vitals (LCP, INP, CLS); Speed Indexer est absent, utile quand explaining pourquoi il ne fait pas affecter rankings.
• WebPageTest — Speed Indexer documentation — background on Pat Meenan’s creation de WebPageTest (open-sourced 2008) et où le Speed Indexer metric originated.

Numbers worth citing

• Lighthouse weight: 10% de le Performances score dans Lighthouse 10 — tied avec FCP pour le lowest weight, bien behind TBT (30%) et LCP/CLS (25% chaque). Source
• Mobile “Bon” ≤ 3,4 s; desktop “Bon” ≤ 1,3 s — Lighthouse 10 thresholds, calibrated contre HTTP Archive real-site web données. Source
• Speed Indexer ≥ FCP, toujours — tout temps avant premier contenu paints contributes à 100%, donc Speed Indexer ne peut pas come dans faster que Premier affichage de contenu. Source
• Origin: WebPageTest, ~2012 — ajouté on top de le outil Pat Meenan open-sourced dans 2008. Source

Journal des modifications