こんばんは。40歳からのＢＭＷ日記です。今日もよろしくお願いします。
先日少しご紹介させていただいた「PageSpeed Insights」。
こちらから
ホームページに行けます。
最近は、時間を見つけてはブログの改善に取り組んでおりまして、画像だけでも軽いものに変えております。
それだけでもけっこうな効果が出るみたいで、各ページごとの点数はだいぶ改善されてきました。
今日はその改善された点数をご紹介いたします。
たぶん、みなさまからは「そんなのブログ書くひとにとっては、あたりまえだよ・・・」と思われるのでは？
・・・ということで以後気を付けてまいります。
もくじ
PageSpeed Insightsでやってもらえること
まずはページを表示します。
蛍光ペンで囲ったところに、「改善したいページのＵＲＬ」を入力して、右側の分析ボタンを押すと、まずは診断を始めてもらえます。
パパのブログのページを入れてみました。
そのあとは、点数が出てきます。
モバイルの点数
パソコンの点数
それぞれ、66点と80点でした。
まあまあだけど、もっと改善できるのでやってください！って感じだと思います。
そして親切にこんな感じで教えてもらえますｗ
で、パパがなんとなくわかったのは、「画像を最適化する」のとこだけです。
ためしに修正方法を表示してみました。
この部分は、ほぼ意味が分かりませんでしたｗ
蛍光ペンのとこ、よくわかりませんｗ
確実に分かるのは、日本語で書いてあるということだけ！
まだまだ勉強不足のパパです。
さらに親切なことに、このページ向けに最適化してくれたものをダウンロードさせてくれるのです！！
なんて親切なんでしょう！
普通だと、自分でやってくださいな・・・的な提案で終わりそうなものですが、わざわざ画像を最適化してさらにダウンロードさせてくれるなんて！
さすがグーグルさん。
ちなみにパパ的にJavaScript、CSSリソースはわからないのでとばしておりますｗ
（いちおう勉強するつもりです・・・）
パパの場合は、このように最適化した画像をダウンロードさせてくれるからこそ、改善ができるわけです。
やり方をいちから勉強しないといけないので、たいへんな作業になります。
ダウンロードさせてもらえますと、差し替えだけなので、作業的には簡単です。
今、ふと思うと、パパみたいなひと、多いのでは？
パパみたいに勉強不足のひとにやれって言っても、やらないから？
だからグーグルさんで、わざわざやってくれるのでは？
・・・やっぱりグーグルさん、いいひと！
ということで、今日はひとつのページを改善してみたいと思います。
このページを改善してみました
以前ご紹介させていただいたページです。
スイカとか載っていますｗ
ページの点数
さっそく点数をつけてもらいました。
ここで改めて思うのですが、こんな重いブログを読んでいただいててありがとうございます！
これからも読んでいただければ幸いでございます。
提案してもらった（作ってもらたった）最適化案
ここは、画像を最適化するのとこだけ。あとは省略させていただきます⤵
で、ここからがパパとしてはうれしいところです。
さっそくダウンロード！
こんな感じでフォルダができます。
imageを開くと画像が出てきます。
パパのＰＣだけかもしれませんが、画像が出てこないので、ほかのフォルダに1回コピーして移動します。
移動したら画像が出てきました！
この画像をさっそく差し替えて、最適化してみたいと思います。
サイト独自のロゴや過去の記事のサムネイルの差し替え方法はわからなかったので、これもとばします。すみません。
最適化したらこうなりました
モバイル
パソコン
とりあえず、どちらもPoor脱出です。
いやーめでたし、めでたし。でした。
というか、このページはよくなったのですけれども・・・
よくなったっていうよりも、まだまだ改善の余地ありますよ！
的な点数ではあるのですけれども・・・
まだ半分くらい最適化しなければならないページが残っているので、頑張ってやっておきます。
これからもお付き合いください。
今日もお読みいただいてありがとうございました。
