attention admin about comments trackbacks you may also like

GTmetrixはスマートフォン分析も出来るんです

2018年06月06日
初級パソコン術
8
GTmetrixスマートフォンレスポンシブテンプレート

弊ブログではよく GTmetrix　 でブログ分析をして、ブログ表示速度の改善をする記事を書いているんですが、いつもはパソコン閲覧画面での分析結果のことを記事にして来ました。

GTmetrix結果

『 おっ！ なんだぁ、GTmetrixって A(100%) って言う結果が出ることあるんだねぇ（笑） 』 なんて笑ってしまったんです、GTmetrixって、何をどう改善しても A(99%) 止まりの結果が最高ランクと思い込んで来てたんです（爆）

何故ならば、今まで A(100%) なんて結果を出しているようなネット上の記事を見た(読んだ)ことがなかったものですから (^_^; ｱﾊﾊ…

ただ、今回の分析結果の各改善項目点数を見て 『 ああ、なるほど、各項目全てで A(100) にならなくても、軽微な改善内容なら許容範囲ってことなんだね 』 ってことで認識出来た次第です。

Good

まぁ、喜んではみたものの、 YSlow Score は B(86%) と言う結果ですからまだ改善の余地はあるんですが、そこまでシビアにGTmetrix分析にのめり込む必要もないんですがね (^^ゞポリポリ

さて、ご自身のブログをGTmetrix分析したことがある経験者さんでも GTmetrix はスマートフォン分析も出来る ことを知らない人も多い様子です。

GTmetrix画面の右の方に

GTmetrix menu

こんなメニューがありまして Page Settings をクリックして表示される

menu set

この画面で必要な設定をすれば GTmetrix でのスマートフォン閲覧分析が出来るんです。

そして、スマートフォン画面分析をすると

GTmetrix スマートフォン分析結果

あらら、なんとまぁ、パソコン閲覧分析では PageSpeed Score A(100%) ／ YSlow Score B(86%)　だった結果がスマートフォン閲覧分析では　PageSpeed Score B(82%) ／ YSlow Score B(86%)　な結果に (^_^; ｱﾊﾊ…

YSlow Score の値は同じなのに PageSpeed Score は A(100%) からガクッと落ちているんですね（笑） まぁ、この結果は実は分析前から予想は出来ていたことなんですけど、予想以上の結果でちょっと苦笑いしてしまいました (^_^; ｱﾊﾊ…

こういう結果になった原因は、実はいま利用させて戴いておりますレスポンシブテンプレートの高度なテクニックに起因しているものなんです (^^ゞポリポリ



唯一 F(0) になっている項目を開いてみた分析結果の中に
resized in HTML or CSS from 1216x684 to 330x300. Serving a scaled image could save 40.1KiB (88% reduction).
があるんですが、これは 元画像サイズが 1216x684 であるものが、スマートフォン閲覧の時にはCSSによって 330x300 に自動的にスケーリングされているから、ここの画像が最初からサイズがCSSに頼らないで 330x300 の画像であれば、画像容量を 40.1KiB これだけ減らすことが出来ると言う指摘でして、それが他にあと5箇所あると言うことなんです。

でも、この指摘部分って筆者にはどうすることも出来ない部分なんです、スマートフォンの画面幅によって自在にサイズ調整をするレスポンシブテンプレートの高度な設計部分のことでありますし（笑）

もしかして、テンプレートクリエーターのAkira先生なら、やがてはこの問題をも超越してしまうような超絶新作テンプレートを発表してしまうんじゃ？ なんて密やかに o(^-^)oワクワク してしまったり（爆）

もしそれが実現したならば、そのテンプレートを無料で使わせて戴くことに申し訳なさも感じてしまう筆者です　(^^ゞポリポリ

あっ Akira先生 にプレッシャーを掛けているんじゃありませんからね～（笑）




自身のブログを各種ツールで分析しましょう

スマホで正しく表示されるかテストする
モバイル フレンドリー テスト

スマホ表示速度分析は PSI が強力です
Google PageSpeed Insights

自身のブログのHTMLは最新かチェック
W3C Markup Validation Service

自身のブログの総合分析の定番ツール
Google Lighthouse

検索からの方はトップページへもどうぞ
Webテク倉庫のトップページ


関連する記事
ぼっちん
Author: ぼっちん
記事に関わらないコメントでもOKですからね～ ＾＾
只今、新型コロナウイルス対策の為、スケキヨ風マスク装着中です（爆）

弊ブログの更新通知をお届けします。

コメント(8)

ロビンソン  

2018/06/06 (Wed) 14:11

こんにちは、ぼっちんさん。

100%達成おめでとうございます・・・と言うか、本当にびっくりです。
これも豊富な知識と絶えることのない努力の賜物ですね。
私など「青いイナズマ」が出たくらいで喜んでいる程度のレベルです。
この記事を読んでGTmetrix でのスマートフォン閲覧分析を試みましたが、トホホな結果でした（爆）

これからも参考になる記事を楽しみにしています。

ぼっちん  

2018/06/06 (Wed) 14:47
ぼっちん

To ロビンソンさん

ロビンソンさん、こんにちは ＾＾

お誉めの言葉をありがとうございます（笑）
でも正直、PageSpeed Score A(100%) を喜ぶよりも YSlow Score B(86%) をなんとかしたいよね～って感じなんですよね (^^ゞポリポリ
A(100%)のことは ＿(‥ )ふ～ん、出たのかぁ って感じだけでして (^_^; ｱﾊﾊ…

GTmetrix分析してせっかく「改善項目の指摘」が得られたら、そのまま放置ではなくて、実際に「指摘内容にどう対処したらよい結果を得ることに繋げられるか」を考えて、実行して、失敗したら「また違う方法で、、、」の繰り返しで答えを見つけて行くんですよね (^_^; ｱﾊﾊ…
でも、答えは1つではなくて「いろいろな対処方法がある」ことにやがては気がつくんです。

まぁ、GTmetrix分析と良い結果の追究は私の趣味みたいなもんですかね～ （笑）
そして、得られた良い結果はず～っと維持しなくちゃ意味もないことですし (^_^; ｱﾊﾊ…

＞ これからも参考になる記事を楽しみにしています。

ハーイ(^O^")／　励みになるお言葉をありがとうございます ('◇')ゞ

-  

2018/06/22 (Fri) 13:27

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

ぼっちん  

2018/06/22 (Fri) 13:44
ぼっちん

To 鍵コメさん

鍵コメさん、こんにちは ＾＾

おやおや（笑） コメント弾かれちゃいましたか (^_^; ｱﾊﾊ…
きっとスパム対策をまたいろいろとテストなさっている最中なんじゃないでしょうか？
時間をおいてまたコメントなさってみて下さい (^^ゞポリポリ

で、強制的にコメントブロックした時はそのような文言にはなりません（笑）から鍵コメさんが拒否られているんじゃないことは分かります（笑）
ご自分のブログで「ご自分のホスト名やIPでコメント禁止設定」してみたら、その様子が分かりますよ (^_^; ｱﾊﾊ…
テストが終わったら解除を忘れないようにして下さいね（笑）

-  

2018/06/22 (Fri) 17:40

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

-  

2018/06/22 (Fri) 18:10

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

ぼっちん  

2018/06/22 (Fri) 18:13
ぼっちん

To 鍵コメさん

鍵コメさん、なるほどですね～ (^^;; アセアセ

で、コメントが弾かれている原因は、もしかして記事URL全部を記載しているからなのかもしれません。
スパム対策でURLのスキーム部分に対する何らかのアイデアを盛り込まれているのかもしれませんね ＾＾

ですので blog-entry-○○○.html のみの方が良いかもしれませんね。

ぼっちん  

2018/06/22 (Fri) 18:16
ぼっちん

To 鍵コメさん

あららら、コメントがダブッたようです～ (^_^; ｱﾊﾊ…

なるほどなるほど『エラー』文言そのものがエラーで弾かれたんですね（笑）
納得です～ (^_^; ｱﾊﾊ…

お疲れ様でした～ m(_ _)m