insidefrontend / issue2-ama

AMA ブースで聞いてみたい質問をこの Repo の Issue として Submit ください(どなたでも!)
19 stars 8 forks source link

Webのパフォーマンスを常時確認したいときどのようなツールが有るか #49

Open lightsound opened 6 years ago

lightsound commented 6 years ago

現場の ES201x とアーキテクチャの変遷と未来

フロントエンド激動の時代を経て、キャッチアップに苦しむ現場や、経年劣化に苦しむプロダクトなどが散見されるようになりました。 ここ10年のアーキテクチャの変遷を振り返り、次の世代に何を見定めるべきか明確にします。

質問

端末によってパフォーマンスは変わってくるが、常に確認したいときどのようなツールが有るか

回答

lighthouseがオススメ。 npmにcliツールにもなっているのでそれを使うと良い。 自分が書いたQiitaもあるから見てみて。 lighthouse のスコアを CLI だけで確認する - Qiita puppeteerの計測がすごいが、数値がプリミティブなので読むのは相当つらい。けどできたら楽しい。 最近SEOのスコアも取れるようになった