フリーランス チャレンジ!!

読者です 読者をやめる 読者になる 読者になる

フリーランス チャレンジ!!

週休4日制に俺はなる!

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

f:id:ksakae1216:20170112213329j:plain

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

 

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

 

 

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

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

gigazine.net

 

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

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

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

 

 

早速試す

早速試しましょう!!

https://testmysite.thinkwithgoogle.com/intl/en-us/

 

上記リンクをクリックして表示されたページにチェックしたいサイトの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の表示速度はぜんぜんよくない・・・

 

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

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

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