これはなに？

先日、関西フロントエンドカンファレンスに参加してきました。

そこで、Googleエンジニアの方が先日行われたChrom Dev Summit 2018に関してのお話されていました。
Chrom Dev Summitで、今回よくテーマに上がっていたのが、「パフォーマンス」らしくて、
Googleとしてもwebのパフォーマンス向上に力を入れるようです。

web.devというツールを激推しされていたので、実際に使ってみました。

web.devとは

web.devは、Googleが開発しているwebサイトのパフォーマンスを分析できるwebアプリです。
Lighthouseのwebアプリ版ですね。

どうやったらサイトを早くできるのか・セキュリティのことなど、webパフォーマンスに関して学ぶことができます。

パフォーマンス分析したいサイトのURLを入力すると、クリックひとつで分析できます。

まあ、実際に分析してみましょう！

自分のサイトのパフォーマンスを分析してみます。

URLを入力して、「RUN AUDIT」をクリックするだけです。

すると、すぐに分析結果が出てきます。⬇︎

恥ずかしながらパフォーマンスがめっちゃ悪いですね笑

以下のサイトで分析結果を解説しています。

参考にしてください。

webパフォーマンスを上げるためのドキュメントも丁寧にまとめられているので、普段バックエンドしかやらないエンジニアにとって非常に勉強になります。