Lighthouse

https://gyazo.com/345ee31b699ed3b3d988f2ae87346caf

測るもの

Performance

First Contentful Paint (FCP)

Speed Index

Speed Index shows how quickly the contents of a page are visibly populated.

speed index の値は頁の內容がどれだけ速く見える樣に成るかの指標である

Largest Contentdul Paint (LCP)

Time to Interactive (TTI)

Total Blocking Time (TBT)

Comulative Layout Shift (CLS)

Accessibility

忠吿してくれる

Best Practice

忠吿してくれる

SEO

忠吿してくれる

忠吿してくれる

使ひ方

Web browser 擴張

Edge 等に入れられる

Safari には無い

CLI

$ npm install -g lighthouse

Chrome DevToolsに同梱されてある

https://gyazo.com/ddbac60c0e57a272b3ab9eb821474ad8

PageSpeed Insights API (PSI)

Google がホストしている測定サーバのエンドポイントにリクエストを送ると、メトリクスを測定して返してくれる

https://gyazo.com/13328bb2497e92d88f6a14faf920f613