あなたのブログのスマートフォン表示は速いのかチェックしてみましょう

2019年01月09日
2
0
スマートフォン表示速度改善

あなたのブログのスマートフォン表示は速いのか? 実際にチェックして他人のブログと比較してみたことはありますか?
それは本来は凄く重要なことでして、そのことを「 私のブログは自己満足ブログだからスマホ表示が遅くても関係ないわ~ 」と、自らネガティブに目を背けていませんか?

最近は個人ブログでも盛んに「 うちのブログのお客さんは、もうパソコンからよりもスマホやタブレット等のモバイル機器での閲覧の方が多くなってきた 」と言うアクセス解析結果からの意見が多くなって来ましたよね。

そんな中で、Googleが「 モバイルファーストインデックス = MFI(Mobile First Index) 」開始を公式に発表して、いよいよGoogle検索結果の順位付けにも「モバイル機器表示速度がそれに影響する」と明言しましたし、弊ブログに巡回して来るGooglebotも、今やモバイル版ボットのみになりました。

弊ブログですと、スマホ(iPhone X)からは、現在は下図のスクショのような表示になりますが、レスポンシブテンプレートで運営しておりますから、パソコンでもスマホでも同じデザインで表示されるようになっております。
レスポンシブテンプレートですと「スマホ版テンプレートはもう利用しておりません」から、テンプレートをカスタマイズしても、その効果がそのままスマホ閲覧にも反映されますから、とても効率的で便利です。

iPhone Xで観たブログ画面

ブログのスマートフォン表示速度を3つのツールで確認する

さて、とりあえず弊ブログを、3種類のツールでスマホ表示速度チェックを行ってみましたので、その結果のスクショ表示をしてみます。

GTmetrix の場合

GTmetrix での表示速度分析結果 A(99%)

PageSpeed Insights (PSI) の場合

PageSpeed Insights での表示速度分析結果 99

TestMySite の場合

TestMySite での表示速度分析結果 特に良好

上記結果のように、弊ブログのスマホ表示は筆者の思い通りに満足する表示速度が得られておりますが、これは弊ブログを誇示する為のものではありませんで「 それなりに改善自己努力すれば、誰でもこんな良好な結果が得られるようになりますよ! 」と言う証明でして、そのような表示速度改善努力に目を背けていたら何も変わらないと言うことなんです。

GTmetrix でスマホ表示速度チェックをするには、ちょっとした事前設定が必要です

PageSpeed Insights (PSI) TestMySite も、スマホ(モバイル機器)表示速度に特化したチェックツールですから、調べたいブログのURLをそのまま記入してチェックすれば、直接にその結果を見ることが出来ますが、 GTmetrix の場合には、パソコン表示とスマホ表示の両方をチェック出来るシステムでして、始めてGTmetrixを開いた場合にはパソコン表示のチェックがされるようになっておりますので、スマホ表示チェックをしたい場合には、その為の簡単な事前設定を行う必要があります。

GTmetrix画面の右の方に

GTmetrix設定メニュー

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

menu set

この画面で必要な設定をすれば GTmetrix でのスマートフォン表示速度分析が出来るようになります。
パソコン表示に戻す場合には、同箇所で設定を戻してあげれば良いんです。

GTmetrix での分析内容が表示速度改善に一番分かり易い

実は PageSpeed Insights (PSI)TestMySite も、その分析結果を利用して改善努力をしようとしても、その表示内容が余りにも大雑把すぎて、始めてそれにトライしようとするブロガーさんには「 何をどうしたらいいの? 」とキョトンとしてしまいます(笑) ハッキリ言ってあまり役には立ちません(爆)

それに比べて GTmetrix なら、その表示される分析内容は多岐にわたって表示されますから、細かく改善努力し易いです。
弊ブログでのその表示内容の一部のスクショを貼ってみます。

GTmetrix画面は英語表示ですが、ブラウザChromeをご利用でしたら「Google翻訳」で日本語表示を行えば、それで十分に理解は出来ます。

日本語表示でも、それらの意味が解りにくいようでしたら臆せずググりましょう。 ネット上には今やGTmetrix利用に関するノウハウは、先人のみなさんが分かり易く記事にしてくださっております。

他人のブログと徹底的に比較してみましょう

とにかく、自身のブログのスマホ表示速度と他人のブログを徹底的に、上記3つのツールを使って比較して「 自身のブログの現在の立ち位置 」を知ることが必要でして、ブログで相互リンクしているお友達ブログと比較してみましょう。
もしかして、お友達のブログ記事ではそのようなことを記事に公開していなくても、秘密裏に改善努力をしていて「 素晴らしく速く表示出来ている 」ブログが実際にあるかもしれませんよ(笑)

ほら、のほほ~ん♪としていてはいけませんからね(爆)

具体的な改善方法は、、、

自身のブログを、現状よりもっと速くスマホ(モバイル機器)表示出来るように改善する方法は1つではありませんし、ブログ内容によっては膨大な項目での改善努力が必要になるかもしれません。 ですから、コツコツと1つずつ積み重ねの努力が必要です。

そして、利用しているブログテンプレートを模様替えしたくなった時にも、その今までの努力が引き継がれる方法が必要なんです。 テンプレートを他のものに模様替えしたら、今までの努力が水の泡と消えてしまってはまったく意味がありませんよね(笑)

そのような個別の具体的改善方法を、今回より弊ブログに新設した「 スマートフォン表示速度改善 」のカテゴリに、筆者もコツコツと記事を積み重ねて行きたいと思います。 筆者ぼっちん流の実践編になりますので、興味あります方は期待して下さいね(笑)

ここだけの話(笑) ほんとは公開したくないテクニックもありますが、それらも余すことなく書いて行きたいと思っております (^^ゞポリポリ


ブログのスマホ表示が速すぎてスピード違反?とケーサツが来たように勘違いしたブロガー

スピード違反でケーサツが来た?
げっ( ̄□ ̄;)!!

ブログのスマホ表示速度分析は PSI が強力です!
Google PageSpeed Insights

ブログのPC表示速度分析は GTmetrix が強力です!
GTmetrix

検索からの方はトップページへもどうぞ




関連記事
ぼっちん

Comments 2

There are no comments yet.

-  

管理人のみ閲覧できます

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

2019/01/13 (Sun) 12:31
ぼっちん

ぼっちん  

To 鍵コメさん

鍵コメさん、こんにちは~ ^^

うんうん(^-^) 修正、頑張って下さいね~ (^^ゞポリポリ
ただ、一気にやるんじゃ疲れ果てちゃうでしょうから、ボチボチ・コツコツって感じで、気が向いた時にやる方が良いと思いますよ~ ^^

お友達とそのご両親をお迎えするって、気疲れ(笑)もされるんでしょうけど、自然体で楽しみましょうね(笑)

そうですねぇ、私がもしそちら方面に旅するとしたら、、、

・サロマ湖のカキ(生食が大好きです(笑))
・タコしゃぶ
・ジンギスカン

は、食べてみたいですけどね~ (^_^)ニコニコ

2019/01/13 (Sun) 13:20

Leave a reply