PageSpeed Insightsが新しくなったと聞いたので試してみた

ブログ管理PageSpeed Insights, ブログ管理, ページ速度解析, 初心者

PageSpeed Insightsヘッダー

トリ師匠
トリ師匠
ぐず夫、なんや面白そうやからPageSpeed Insightsを試しに行くで。

ぐず夫
ぐず夫
PageSpeed Insightsてなんじゃ?
トリ師匠
トリ師匠
Googleさんの提供してるサイトのページスピード解析ツールみたいなもんじゃの。聞くにこのたび新しくなったらしくての、せっかくやから確認してみんか。

ということで、今回は新しいPageSpeed Insightsを試してみようと思います

PageSpeed Insightsを試してみよう!

試してみるヘッダー

ぐず夫
ぐず夫
「ぺーじすぴーど」て、そんなもんが重要なんか?

トリ師匠
トリ師匠
そらそうやろ、ページのスピードが重いってことはそれだけ見づらいってことじゃからな。ページのスピードが遅いだけでユーザーさんはそのページを見なくなるっちゅう寸法じゃ。今どきのユーザーさんは、読み込みの遅いページなんぞすぐにキャンセルしてポイや。
ぐず夫
ぐず夫
世知辛い世の中やの…。
そんで何とかってツールが新しくなったとか言うてたけど何?
トリ師匠
トリ師匠
PageSpeed Insightsや。なんやLighthouse(外部リンク)ちゅうのを使って分析するようにツールを変更したんじゃと。詳しくはGoogleさんのページ(外部リンク)を読んだってちょ。
ぐず夫
ぐず夫
なんや分からんけど、ページのスピード測るツールが新しくなったから遊んでみよっちゅうことか。
トリ師匠
トリ師匠
簡単に言えばそやの。しかしLighthouseの説明読んでみるとPWA対応なんかにも触れられてるで、これからまた世間的に導入が進むかもの。ちなみにLuxeritasはPWAにも対応してるでの。ウチも対応できんことはないから覚えとくとええで。

◆PWAに関する詳細はコチラ!

ぐず夫
ぐず夫
小難しいことは分からんけど、さっさと試して終わりにしよや。

ということで、新しいPageSpeed Insightsを試してみた

トリ師匠
トリ師匠
まずはGoogleさんの提供してるPageSpeed Insights(外部リンク)に移動や。

PageSpeed Insightsページ

ぐず夫
ぐず夫
なんやバーが表示されてるの。
トリ師匠
トリ師匠
そこにウチのページアドレスを入力して、実際に数値を見てみるで!

ぐず夫のページ(wordpress-beginner.net)を入力して「分析」を開始!

解析開始

ぐず夫
ぐず夫
おおっ! なんや数字が出てきたの。

分析結果

トリ師匠
トリ師匠
モバイルとパソコン、それぞれの表示について計測の結果が出るのは以前と同じみたいじゃな。どれどれ、中身を見てみるかの。
ぐず夫
ぐず夫
なんや色々書いてあるのう。3Gでのページに対するLighthouse分析やて。ワシにはさっぱりやで。
トリ師匠
トリ師匠
ずいぶんと細かな部分まで見れるんやな。入力遅延まで見るんかいな。ちいと面倒になってくるの…
ぐず夫
ぐず夫
改善項目とか診断とかも出てるで。
トリ師匠
トリ師匠
項目は前と変わらないけども、中身は細かくなってるかの。
ぐず夫
ぐず夫
…………。
トリ師匠
トリ師匠
…………なんじゃ、急に黙って。
ぐず夫
ぐず夫
そんでどうなんや、この点数は。
トリ師匠
トリ師匠
どうて。見たまんまやろ。
モバイル解析結果
モバイル解析結果
パソコン解析結果
パソコン解析結果
ぐず夫
ぐず夫
これは数字が高い方がええんやな?
トリ師匠
トリ師匠
…せやろな。何が言いたいんや。
ぐず夫
ぐず夫
確認やけど、100点は満点か?
トリ師匠
トリ師匠
…ここで表示される数値としてはそうなんかもな。
ぐず夫
ぐず夫
…………最高や。ワシ、人生で100点とったのなんて始めてや。もうこれで全部終わってもええ。最高や。
トリ師匠
トリ師匠
(ドヤ顔で自慢するんと違うんか)
よ、良かったの。ま、これもLuxeritasちゅうテーマのおかげかの。しかしモバイルは93点やからな、改善点はまだある言うことやで、これからもちいとずつ改善していこかの。
ぐず夫
ぐず夫
100点や、100点やで…
トリ師匠
トリ師匠
(あかん、もう聞いてへん)

PageSpeed Insightsを試してみて

ぐず夫
ぐず夫
今日は人生最高の日になったで!
トリ師匠
トリ師匠
…ごきげんで何よりやな。じゃが診断で指摘されてた部分や画像に関してもLazy Load使えん部分なんかの対応どうするか考えんとな。
ぐず夫
ぐず夫
…何語喋ってんねん。日本語で話してくれや。
トリ師匠
トリ師匠
前途多難やで…

◆ページスピードを速くする方法はコチラ!

ということで今回はPageSpeed Insightsを試してみました。皆さんもぜひ試してみてね!

ではまた次回。