Lighthouse の使い方

Lighthouse

参考：

GoogleChrome/lighthouse: Auditing, performance metrics, and best practices for Progressive Web Apps – GitHub

lighthouse – npm

使い方

参考：

はじめての Lighthouse。どんな指標があるのか調べてみた。- Qiita

Chrome 拡張機能 Lighthouse でブログの SEO チェックをしたら大変なことになった件 – ワクワクして働くための生産性向上 Hacks

Lighthouse によるウェブアプリの監査  |  Tools for Web Developers | Google Developers [Official]

指標

  • First Contentful Paint
  • Speed Index
  • Time to Interactive
  • First Meaningful Paint
  • First CPU Idle
  • Estimated Input Latency

参考：

はじめての Lighthouse。どんな指標があるのか調べてみた。- Qiita

Lighthouse Scoring Guide v3  |  Google Developers [Official]

対処法

参考：

サイトに初回ペイントの遅延を引き起こすリソースを使用しない | Google Developers [Official]

Lighthouse Viewer

参考：

lighthouse/lighthouse-viewer at master · GoogleChrome/lighthouse – GitHub

Lighthouse Report Viewer | googlechrome.github.io

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です