【Google公式ツール】そのサイトがモバイルフレンドリーかとページ表示速度をチェックできる「Mobile Website Speed Testing Tool」

ブログ

f:id:ksakae1216:20170112213329j:plain

 みなさん、コウタロウです!!

 

今日はタイトルについて。

 

 

Googleの公式ツールがスゴイ!!

毎日チェックしているGIGAZINEで面白い記事を見つけました!!

gigazine.net

 

Googleがウェブサイトをチェックするサイト

がモバイルフレンドリーか?

PCとモバイル端末(スマホ、タブレット)のページ表示速度をチェックできる

 

 

早速試す

早速試しましょう!!

Compare your mobile site speed
See how your mobile site speed ranks compared to other top brands and learn how you can provide a faster, more frictionless mobile experience

 

上記リンクをクリックして表示されたページにチェックしたいサイトのURLを入力して「TEST NOW」ボタンを押してください

f:id:ksakae1216:20170112213356j:plain

 

すると

f:id:ksakae1216:20170112213412j:plain

 黄色のバーが出てきて100%になると分析完了です!!

 

分析結果がでました!!

f:id:ksakae1216:20170112213329j:plain

モバイルとの親和性は99点

モバイルのスピードは45点

PC向けのスピードは59点

 

それぞれの詳細を見るには、矢印キーの下を押します

 

f:id:ksakae1216:20170111230355j:plain

 

モバイルとの親和性は99点なのでこれは申し分なし!!

VIEW THE DETAILS」リンクをクリックすると詳細が表示されます

f:id:ksakae1216:20170112213803j:plain

 

次に「モバイルのスピード」を見てみます

f:id:ksakae1216:20170112213817j:plain

こちらも「SEE WHAT TO FIX」リンクをクリックし詳細を見てみます

 

f:id:ksakae1216:20170112213847j:plain

いっぱいありますね、英語わからないんで1つずつ翻訳しました(赤色のみ)

 

【原文】

Eliminate render-blocking JavaScript and CSS in above-the-fold content

【翻訳】

折り畳まれていないコンテンツでレンダリングをブロックするJavaScriptとCSSを排除する

 

【原文】

Optimize images 

【翻訳】

 画像の最適化

 

【原文】

Leverage browser caching 

【翻訳】

 ブラウザキャッシングの活用

 

【原文】

 Enable compression

【翻訳】

 圧縮を有効にする

 

翻訳したけど、どうすればいいかよくわからないな・・・

 

もうちょっと詳細を知るには「GET MY FREE REPORT」ボタンをクリックしてメールアドレス入力するとそのアドレス宛にもうちょい詳細なレポートを送ってくれるのでそれを見て何か対応できるか考えてみます

 

最後に

わかっていたとはいえ、モバイルとPCの表示速度はぜんぜんよくない・・・

 

みなさんも自分のサイトがモバイルフレンドリーか?

ページの表示速度は遅くないか?

をチェックしてみては如何でしょうか?

コメント

タイトルとURLをコピーしました