WEB表示速度に関する内容をスコア化できるGTMetrix。正しく使わなければ正しい値が表示されないため、どのような点に注意すべきか留意点をピックアップしました。 CDNでWEB高速化をおこなった後の正しい確認をGTMetrixで。

1. WEB表示速度と
GTmetrixスコアの矛盾

2. 2
ABOUTME
Job : 合同会社レッドボックス CEO
※取り扱いトラフィックは約50Gbps前後(2017年時点)
Name: 小川 かつひさ (KATSUHISA OGAWA）
Like : CDN・負荷分散・WEB高速化
https://www.facebook.com/ogawaka
キャッシュ屋ブログ
Past : インフラ屋さん
サーバーやスイッチを設定したり色々やってるアレ
http://blog.redbox.ne.jp

3. ＣＤＮとは？
3
WEBサイトの表示速度向上や、大量のコンテンツ
ダウンロードをサポートするサービス。
有名アプリ・サイトでは
必ず利用されている技術

4. 4
今回なにを話すかというと
WEB表示速度と
GTmetrixスコアの矛盾

5. 5
WEBサイトを解析
GTmetrixとは
WEBサイトの表示速度低下に起因する要素を調べることが出来るサイト。
WEBサイトのURLを入れるだけで様々な項目をスキャンし、トータルスコ
アを表示してくれる。
Yahoo!（YSlow）とGoogle（Page Speed）の両方に対応。
※https://gtmetrix.com

6. 6
GTmetrixでサイトスキャン
GTmetrixを使って
WEBサイトをスキャンしてみた。

7. 7
GTmetrixの結果
Google Analytics
スコア・ランク
詳細・原因

8. 8
GTmetrixの結果
みんな大好き・テラテイル
スコア・ランク
詳細・原因

9. 9
GTmetrixの結果
YAHOO.com
スコア・ランク
詳細・原因

10. 10
GTmetrixの結果
何かがおかしい。
WEB世界の関節が外れてしまった。

11. テラテイルは本当に遅いのか？
11
テラテイルを利用していて、
表示が遅いと感じたことはありますか？
少なくとも私はないです。
この矛盾には、理由がある。

12. テラテイルのQA
12
テラテイルでGTmetrixに関する質問
※https://teratail.com/questions/17522
「JSやCSSなどの静的リソースにクエリストリングをつけて
キャッシュを回避するのはよくないでしょうか？」
GTmetrixで「Remove query strings from static resources」という評価
項目があり、クエリストリングがあるとプロキシがキャッシュしてくれな
いことがあるから、ファイル名を変えてね！という内容に対する質問。
JSやCSSなどの静的リソースにクエリストリングをつけてブラウザキャッ
シュを回避するのは本当にパフォーマンスに悪影響を及ぼしているので
しょうか？
要約

13. テラテイルのQA
13
質問の回答
「一般的にはクエリストリングが付いていても、
同じURLとクエリストリングであればキャッシュされます。」
クエリストリングのついたリソースはCacheControlのヘッダ付与していた
としても、プロキシやCDNによってキャッシュされない場合があるため警
告されスコアが落ちた。
スコアを気にする状況でないかぎり、この項目は無視して大丈夫だと考え
ています。

14. GTmetrix
14
GTmetrixの項目例
Use a Content Delivery Network (CDN) F (0) SERVERMEDIUM
CDN使ってね！という意味。
たとえ、CDNを使っていたとしても、CDNのドメイン名をGTmetrixに登録
しなければCDNを使っていると認識されず低評価となる。
これらのように、誤判定や誤った認識で
スコアにだけ意識が集中してしまう。

15. 15
GTmetrixのスコアが低い
≠
ＷＥＢサイトの表示が遅い

16. 16
オマエは一体
何がしたいんだ？

17. オマエは一体何がしたいんだ問題
17
SEOで、検索エンジンの上位にあげたいんだ！
SEO対策編
検索エンジンで上位に上がることが目的なのか。
それとも購入してもらうことが目的なのか。
購入ボタンがないショッピングサイトを運営していた。
＞

18. オマエは一体何がしたいんだ問題
18
スコアを上げたいのか。
それともWEB表示速度を上げたいのか。

19. 19
WEB表示速度
表示速度が遅いと様々な問題に直結する
✓ SEOランク
✓ コンバージョン率
✓ 離脱率上昇
WEB高速化は最終目的までの手段に過ぎない。
スコアもその一部の情報にしか過ぎない。

20. 20
スコアにだまされず、
WEBサイトは適切な知識をもって
デバッグ・確認すること
GTmetrixの項目を正しく理解すること
まとめ

21. THANK YOU!!