#
ドキュメント

Document

自分のための備忘録です。

Lighthouse/PageSpeed Insights

対象

  • Lighthouse:Performance > Metrix
  • PageSpeed Insights > ラボデータ

基準

  • First Contentful Paint
  • Speed Index
  • Largest Contentful Paint
  • Time to Interactive
  • Total Blocking Time
  • Cumulative Layout Shift

Speed Index

Speed Index: Speed Index measures how quickly all above-the-fold content is painted on screen. The earlier the pixels are painted, the better you score on metric. Users want an experience where most of the content is shown on the screen during the first few moments of initiating the page load. Loading more content earlier makes your end user feel like the website is loading quickly, which contributes to a positive user experience. Therefore, the lower your Speed Index, the better.

https://github.com/GoogleChrome/lighthouse/blob/d2ec9ffbb21de9ad1a0f86ed24575eda32c796f0/docs/scoring.html#how-are-the-scores-weighted

ファーストビューが表示されるまでの速度。

  • above-the-fold:ファーストビュー
  • below-the-fold:フォーストビュー以下

Total Blocking Time

Time To Interactive

Time to Interactive: defined as the first point at which everything is loaded such that the page will quickly respond to any user input throughout the page. Note: this metric is currently in beta, which means that the underlying definition of this metric is in progress.

https://github.com/GoogleChrome/lighthouse/blob/d2ec9ffbb21de9ad1a0f86ed24575eda32c796f0/docs/scoring.html#how-are-the-scores-weighted