What is Speed Index?Speed Index is a web performance metric from WebPageTest and Lighthouse that measures the average time at which visible content is displayed during page load, expressed in milliseconds. Unlike a single-point metric like LCP (which measures when the largest element is visible), Speed Index measures the progression of visual completeness over
What is Speed Index?
Speed Index is a web performance metric from WebPageTest and Lighthouse that measures the average time at which visible content is displayed during page load, expressed in milliseconds. Unlike a single-point metric like LCP (which measures when the largest element is visible), Speed Index measures the progression of visual completeness over time: a page that shows 50% of its content quickly and then slowly loads the rest has a better Speed Index than one that shows nothing for 3 seconds and then loads everything at once.
Speed Index vs LCP
Speed Index and LCP measure related but different aspects of visual performance. LCP measures when the single largest element appears (a specific threshold moment). Speed Index measures the overall rate of visual content appearance throughout the loading process (a rate of change). For SaaS marketing sites, LCP is more important for rankings (it is an official Core Web Vital), but Speed Index is a useful holistic performance indicator in Lighthouse reports. Sites with good LCP but poor Speed Index typically have content that appears below the LCP element loading significantly slower, which still affects user perception even if it does not directly affect the LCP metric.
Frequently Asked Questions
What is a good Speed Index score?
Lighthouse Speed Index thresholds: 0-3.4 seconds is Good (green), 3.4-5.8 seconds is Needs Improvement (orange), above 5.8 seconds is Poor (red). These are laboratory thresholds on a simulated mid-tier device with throttled connection. Real-world user Speed Index experiences vary based on actual device and connection. For SaaS marketing sites, targeting Speed Index under 3 seconds on mobile (in Lighthouse with throttling applied) generally corresponds to good visual performance in real-world conditions.
How do I improve Speed Index for a SaaS website?
Speed Index improvement strategies: (1) Optimize above-the-fold content to load first (critical CSS inlining, preloading above-fold images), (2) Reduce total page weight (fewer and smaller JavaScript bundles, compressed images, efficient CSS), (3) Use a CDN to reduce asset delivery latency across the full page, (4) Implement progressive loading patterns where above-fold content loads and becomes visible before below-fold content begins loading, (5) Audit and reduce third-party script impact that blocks or delays page rendering. In practice, most Speed Index improvements come from the same optimizations that improve LCP and FCP: faster server response, reduced render-blocking resources, and optimized image delivery.