Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
WEB表示速度と
GTmetrixスコアの矛盾
2
ABOUTME
Job : 合同会社レッドボックス CEO
※取り扱いトラフィックは約50Gbps前後(2017年時点)
Name: 小川 かつひさ (KATSUHISA OGAWA)
Like : CDN・負荷分散・WEB高速化
http...
CDNとは?
3
WEBサイトの表示速度向上や、大量のコンテンツ
ダウンロードをサポートするサービス。
有名アプリ・サイトでは
必ず利用されている技術
4
今回なにを話すかというと
WEB表示速度と
GTmetrixスコアの矛盾
5
WEBサイトを解析
GTmetrixとは
WEBサイトの表示速度低下に起因する要素を調べることが出来るサイト。
WEBサイトのURLを入れるだけで様々な項目をスキャンし、トータルスコ
アを表示してくれる。
Yahoo!(YSlow)とGoo...
6
GTmetrixでサイトスキャン
GTmetrixを使って
WEBサイトをスキャンしてみた。
7
GTmetrixの結果
Google Analytics
スコア・ランク
詳細・原因
8
GTmetrixの結果
みんな大好き・テラテイル
スコア・ランク
詳細・原因
9
GTmetrixの結果
YAHOO.com
スコア・ランク
詳細・原因
10
GTmetrixの結果
何かがおかしい。
WEB世界の関節が外れてしまった。
テラテイルは本当に遅いのか?
11
テラテイルを利用していて、
表示が遅いと感じたことはありますか?
少なくとも私はないです。
この矛盾には、理由がある。
テラテイルのQA
12
テラテイルでGTmetrixに関する質問
※https://teratail.com/questions/17522
「JSやCSSなどの静的リソースにクエリストリングをつけて
キャッシュを回避するのはよくないでしょうか...
テラテイルのQA
13
質問の回答
「一般的にはクエリストリングが付いていても、
同じURLとクエリストリングであればキャッシュされます。」
クエリストリングのついたリソースはCacheControlのヘッダ付与していた
としても、プロキシやC...
GTmetrix
14
GTmetrixの項目例
Use a Content Delivery Network (CDN) F (0) SERVERMEDIUM
CDN使ってね!という意味。
たとえ、CDNを使っていたとしても、CDNのドメイン...
15
GTmetrixのスコアが低い
≠
WEBサイトの表示が遅い
16
オマエは一体
何がしたいんだ?
オマエは一体何がしたいんだ問題
17
SEOで、検索エンジンの上位にあげたいんだ!
SEO対策編
検索エンジンで上位に上がることが目的なのか。
それとも購入してもらうことが目的なのか。
購入ボタンがないショッピングサイトを運営していた。
>
オマエは一体何がしたいんだ問題
18
スコアを上げたいのか。
それともWEB表示速度を上げたいのか。
19
WEB表示速度
表示速度が遅いと様々な問題に直結する
✓ SEOランク
✓ コンバージョン率
✓ 離脱率上昇
WEB高速化は最終目的までの手段に過ぎない。
スコアもその一部の情報にしか過ぎない。
20
スコアにだまされず、
WEBサイトは適切な知識をもって
デバッグ・確認すること
GTmetrixの項目を正しく理解すること
まとめ
THANK YOU!!
Upcoming SlideShare
Loading in …5
×

Web表示速度とgtmetrixスコアの矛盾

924 views

Published on

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

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

Web表示速度とgtmetrixスコアの矛盾

  1. 1. WEB表示速度と GTmetrixスコアの矛盾
  2. 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. CDNとは? 3 WEBサイトの表示速度向上や、大量のコンテンツ ダウンロードをサポートするサービス。 有名アプリ・サイトでは 必ず利用されている技術
  4. 4. 4 今回なにを話すかというと WEB表示速度と GTmetrixスコアの矛盾
  5. 5. 5 WEBサイトを解析 GTmetrixとは WEBサイトの表示速度低下に起因する要素を調べることが出来るサイト。 WEBサイトのURLを入れるだけで様々な項目をスキャンし、トータルスコ アを表示してくれる。 Yahoo!(YSlow)とGoogle(Page Speed)の両方に対応。 ※https://gtmetrix.com
  6. 6. 6 GTmetrixでサイトスキャン GTmetrixを使って WEBサイトをスキャンしてみた。
  7. 7. 7 GTmetrixの結果 Google Analytics スコア・ランク 詳細・原因
  8. 8. 8 GTmetrixの結果 みんな大好き・テラテイル スコア・ランク 詳細・原因
  9. 9. 9 GTmetrixの結果 YAHOO.com スコア・ランク 詳細・原因
  10. 10. 10 GTmetrixの結果 何かがおかしい。 WEB世界の関節が外れてしまった。
  11. 11. テラテイルは本当に遅いのか? 11 テラテイルを利用していて、 表示が遅いと感じたことはありますか? 少なくとも私はないです。 この矛盾には、理由がある。
  12. 12. テラテイルのQA 12 テラテイルでGTmetrixに関する質問 ※https://teratail.com/questions/17522 「JSやCSSなどの静的リソースにクエリストリングをつけて キャッシュを回避するのはよくないでしょうか?」 GTmetrixで「Remove query strings from static resources」という評価 項目があり、クエリストリングがあるとプロキシがキャッシュしてくれな いことがあるから、ファイル名を変えてね!という内容に対する質問。 JSやCSSなどの静的リソースにクエリストリングをつけてブラウザキャッ シュを回避するのは本当にパフォーマンスに悪影響を及ぼしているので しょうか? 要約
  13. 13. テラテイルのQA 13 質問の回答 「一般的にはクエリストリングが付いていても、 同じURLとクエリストリングであればキャッシュされます。」 クエリストリングのついたリソースはCacheControlのヘッダ付与していた としても、プロキシやCDNによってキャッシュされない場合があるため警 告されスコアが落ちた。 スコアを気にする状況でないかぎり、この項目は無視して大丈夫だと考え ています。
  14. 14. GTmetrix 14 GTmetrixの項目例 Use a Content Delivery Network (CDN) F (0) SERVERMEDIUM CDN使ってね!という意味。 たとえ、CDNを使っていたとしても、CDNのドメイン名をGTmetrixに登録 しなければCDNを使っていると認識されず低評価となる。 これらのように、誤判定や誤った認識で スコアにだけ意識が集中してしまう。
  15. 15. 15 GTmetrixのスコアが低い ≠ WEBサイトの表示が遅い
  16. 16. 16 オマエは一体 何がしたいんだ?
  17. 17. オマエは一体何がしたいんだ問題 17 SEOで、検索エンジンの上位にあげたいんだ! SEO対策編 検索エンジンで上位に上がることが目的なのか。 それとも購入してもらうことが目的なのか。 購入ボタンがないショッピングサイトを運営していた。 >
  18. 18. オマエは一体何がしたいんだ問題 18 スコアを上げたいのか。 それともWEB表示速度を上げたいのか。
  19. 19. 19 WEB表示速度 表示速度が遅いと様々な問題に直結する ✓ SEOランク ✓ コンバージョン率 ✓ 離脱率上昇 WEB高速化は最終目的までの手段に過ぎない。 スコアもその一部の情報にしか過ぎない。
  20. 20. 20 スコアにだまされず、 WEBサイトは適切な知識をもって デバッグ・確認すること GTmetrixの項目を正しく理解すること まとめ
  21. 21. THANK YOU!!

×