目次
GoogleのWEBパフォーマンス計測ツール
GoogleのWEBパフォーマンス計測ツールが新しくなりました。
ツールはここから使えます。
画面イメージと使い方
画面はこんな感じ。
使い方は、テキストボックスにURLを貼り付けて「分析」ボタンを押すだけです。
試しに、Googleのブログページで分析してみます。
結果は、「パソコン」と「モバイル」の2通りの結果がでます。
まずパソコンは。
100%!
速い!
さすが、Googleのやってるブログです。
自分ところのツールで下手な成績はだせないですものね(笑)
では、今度はモバイル。
52%・・。
まあ、ぎりぎり普通ですが、49以下が「遅い」であることを考えると、けっこう厳しめですよね。
なるほどなあ。
このツールは「ガチ」なんだなということですね。
僕のブログをパフォーマンス計測
上記を参考値として、今度は自分のブログ(はてなブログ)をやってみます。
https://arakan-pgm-ai.hatenablog.com/
まずはデスクトップから。
55%か。
ぎりぎり、踏みとどまってる「中の下」ですか・・。。
で・・、モバイル(携帯電話)は。
OUTです。
超遅いです。
とはいえ。
ツール「PageSpeed Insights」は実態と原因を知って、改善するためのツールです。
分析結果の詳細と改善すべき項目のアドバイスを見て、対応できるかやってみます。
改善できる項目でやれることをやってみる
結果に対して改善できる項目を教えてくれてます。
ざっくりした一覧に見えますけど、各行をクリックすると明細が表示されます。
改善すべき具体的な画像ファイル名とか、スクリプト名などと、対応することで改善できる秒数などの見積もりとか、なかなかの情報です。
使用していない JavaScript の削減が圧倒的ですので、ここを対処すればよさげです。
しかし、内容を確認してみましたが・・。
ほぼ、はてなブログが内部で使っているとしか思えないJavaScriptのオンパレードです。
手のだせる部分はありません。
そのほかの項目も同じです。
「オフスクリーン画像の遅延読み込み」とか、「JavaScriptの最小化」・・などの対策もはてなブログ側で頑張ってもらわないと、こちらでやれる部分はほぼありません。
画像で「次世代フォーマットにする」も試してみましたが、だめでした。
次世代フォーマットと言われているのは以下の3種類の画像ファイル形式のことです。
恥ずかしながら、自分はどれも使ったことがありません。
でも、JPEG2000、JPEG XR、WEBP すべて、はてなブログで写真を投稿しようとすると「未対応のファイル形式です」と表示されて終わりでした。
サイドバーに表示する情報を減らすのは効果ありです
打つ手がないのも悔しいので、はてなブログのサイドバーに表示している画像とかの情報をへらしてみることにしました。
サイドバーの最近のアクセスを消してみました。
ここに、アクセス数の多い順に10個、アイコン画像付きでならべていたのですが、その画像が「オフスクリーン画像の遅延読み込み」にのっていたので、ひょっとしたら、これを減らすことでスピードがあがるかも・・と思ったからです。
結果は、デスクトップが。
モバイル(携帯電話)が。
上がりましたね( ^)o(^ )
しかも、改善できる項目が、一気にへっています。
はてなブログのサイドバーに、情報を表示させるってパフォーマンスに影響があったんですねえ。
いやいや・・勉強になりました。
今後、ちょくちょくチェックしていく必要がありますね。
ではでは。