html5j パフォーマンス部第一回勉強会 Webパフォーマンス事始め

html5j パフォーマンス部第一回勉強会

「Webパフォーマンス事始め」

パフォーマンス部部長竹洞陽一郎 2014年5月8日

日本の Web・モバイルサイトパフォーマンスの現状数値で把握する

日本のデスクトップサイトTop10

•  TOPS OF 2013: DIGITAL IN JAPAN ～ニールセン2013年日本のインターネットサービス訪問者数ランキングを発表～

h7p://www.netraAngs.co.jp/news_release/2013/12/Newsrelease20131225.html

パフォーマンス状況 2014/4/24～5/8 – IE11

平均値の「罠」

• 平均値で、パフォーマンスの良し悪しを判断して良いのか?

偏差～平均値との「距離」を見る平均

パフォーマンス

時間

経過

平均と実際の計測値との差

1秒 2秒 3秒 4秒 5秒 6秒 7秒 8秒

平均値と標準偏差

以下のグラフの平均値は同じ

1秒 2秒 3秒 4秒 5秒 6秒 7秒

平均されると、正確に事実を把握できなくなる

日本のデスクトップサイトTop10 –IE11 統計データ要約 2014/4/24～5/8

平均値標準偏差四分位数範囲 0% 25% 50% 75% 100% サンプル数

Amazon - KDDI 4.715798 1.678233 0.5975 1.731 4.074 4.268 4.6715 18.777 316

Amazon - NTT 4.285981 1.349637 0.62425 1.529 3.88425 4.086 4.5085 19.047 308

FC2 - KDDI 3.521764 2.12762 0.937 1.861 2.7015 3.11 3.6385 25.351 343

FC2 - NTT 2.920009 0.827685 0.695 1.708 2.4535 2.74 3.1485 8.693 347

goo - KDDI 3.101621 1.730625 2.878 1.215 1.598 2.401 4.476 9.346 343

goo - NTT 1.823539 0.646908 0.591 1.162 1.4145 1.64 2.0055 6.765 343

Google - KDDI 0.730566 0.273477 0.301 0.425 0.541 0.63 0.842 2.216 341

Google - NTT 0.805099 0.798268 0.29425 0.434 0.541 0.643 0.83525 9.192 342

Microsoft - KDDI 2.199994 0.730498 0.816 1.363 1.7215 1.957 2.5375 6.209 342

Microsoft - NTT 2.120056 0.86135 0.58725 1.353 1.67075 1.87 2.258 9.334 340

Rakuten - KDDI 5.612606 2.353871 3.305 2.134 3.567 5.635 6.872 16.202 343

Rakuten - NTT 4.615493 2.534201 1.841 1.827 3.288 3.888 5.129 25.454 345

Wikipedia - KDDI 2.485292 0.473838 0.499 1.784 2.18125 2.3995 2.68025 6.374 342

Wikipedia - NTT 2.408456 0.409265 0.52425 1.855 2.09175 2.333 2.616 4.468 340

Yahoo! Japan - KDDI 0.971877 1.387411 0.49825 0.195 0.3945 0.615 0.89275 16.234 340

Yahoo! Japan - NTT 0.614398 1.136666 0.282 0.131 0.343 0.468 0.625 19.034 339

YouTube - KDDI 2.734819 0.86113 1.23325 1.455 2.0055 2.775 3.23875 6.804 342

YouTube - NTT 3.020432 1.391517 1.3735 1.379 2.1145 2.93 3.488 13.938 343

FC2とYouTubeとの比較

FC2

YouTube

正規分布図と箱ひげ図の関係

日本のデスクトップサイトTop10 –IE11 箱ひげ図 2014/4/24～5/8

月刊ネット販売 – 売上Top20について計測

2014年 5月 10日 14 ©2013 Keynote Systems, Inc..

EコマースTop20 ― Firefox ― NTT 統計データ要約 2014/5/2～5/8

　平均標準偏差四分位数範囲 0% 25% 50% 75% 100% サンプル数

7 net shopping - NTT 2.220713 1.580536 0.447 1.077 1.745 1.924 2.192 27.371 429

A-Price - NTT 2.472476 0.575939 0.36625 1.808 2.19625 2.345 2.5625 8.515 452 Amazon - NTT 5.396025 1.364907 0.809 4.131 4.705 4.935 5.514 16.048 357 Bellemaison - NTT 2.825126 1.094292 1.171 1.615 1.9845 2.752 3.1555 10.459 467 Bic Camera - NTT 2.57943 1.221122 0.647 0.037 2.02475 2.438 2.67175 17.762 546 Cecile - NTT 3.737393 1.60907 1.601 2.094 2.639 3.46 4.24 19.829 521

DELL Japan - NTT 1.247408 0.512876 0.378 0.211 0.9935 1.143 1.3715 5.811 595

DHC - NTT 5.708538 3.224974 1.9515 1.465 4.1625 5.2935 6.114 52.768 580 Dinos - NTT 3.81408 2.578954 1.3315 1.44 2.6155 3.192 3.947 29.238 503 Felissimo - NTT 3.280573 1.362434 0.9965 1.703 2.535 2.857 3.5315 12.928 351 IY Net - NTT 3.17889 1.119032 1.0635 1.478 2.49975 2.946 3.56325 12.748 580 Japanet Takata - NTT 3.989306 1.529519 1.56475 2.349 2.91775 3.759 4.4825 17.326 458

Joshin Denki - NTT 2.070551 0.575116 0.4005 0.053 1.7855 1.928 2.186 7.541 603 Nissen - NTT 6.298192 1.896437 0.925 2.078 5.579 5.915 6.504 29.755 473 PC Bomber - NTT 8.668384 3.084407 2.0585 0.023 7.21975 7.991 9.27825 35.399 584 QVC Japan - NTT 2.236569 1.222928 0.5015 0.993 1.79 1.969 2.2915 13.503 559 Rakuten - NTT 5.255155 1.335595 1.25 3.354 4.516 5.125 5.766 15.275 413

Shop Channel - NTT 1.254256 0.542057 0.363 0.648 1.032 1.188 1.395 8.285 539

Sony Style - NTT 2.44202 0.821637 0.478 0.003 2.051 2.226 2.529 7.977 491 Yodobashi - NTT 2.653974 0.713136 0.63925 1.586 2.221 2.547 2.86025 6.849 348 ZOZO Town - NTT 2.715326 1.089395 0.90625 1.292 2.0805 2.498 2.98675 13.982 552

EコマースTop20 ― Firefox ― KDDI 統計データ要約 2014/5/2～5/8

　平均標準偏差四分位数範囲 0% 25% 50% 75% 100% サンプル数 7 net shopping - KDDI 2.857937 1.930683 0.96825 1.253 2.099 2.432 3.06725 31.455 686 A-Price - KDDI 2.537956 0.58875 0.37725 1.688 2.26275 2.4215 2.64 9.335 680 Amazon - KDDI 5.366136 1.262574 0.536 2.369 4.8875 5.099 5.4235 21.182 683 Bellemaison - KDDI 4.116857 1.261272 1.2915 0.111 3.296 3.931 4.5875 15.201 671 Bic Camera - KDDI 2.982236 1.365588 0.61525 0.043 2.443 2.685 3.05825 20.902 682 Cecile - KDDI 4.010826 1.5131 1.215 1.964 3.14075 3.702 4.35575 16.826 682 DELL Japan - KDDI 1.956092 0.673675 0.552 0.57 1.593 1.824 2.145 11.919 685 DHC - KDDI 6.521729 2.586844 1.536 0.113 5.3565 6.151 6.8925 51.097 679 Dinos - KDDI 4.375374 2.373634 1.515 2.34 3.291 3.865 4.806 34.128 681 Felissimo - KDDI 4.283498 3.315292 1.598 1.822 3.0785 3.672 4.6765 56.451 691 IY Net - KDDI 3.849555 1.968288 1.2625 0.019 2.971 3.553 4.2335 36.649 683 Japanet Takata - KDDI 4.54649 2.260575 1.391 2.347 3.6085 4.308 4.9995 47.009 683 Joshin Denki - KDDI 2.142085 0.588816 0.63625 0.067 1.74425 1.99 2.3805 6.113 682 Nissen - KDDI 7.723636 2.52863 1.6115 3.643 6.63125 7.3545 8.24275 47.493 678 PC Bomber - KDDI 8.375177 2.93853 1.6635 1.471 7.197 7.88 8.8605 42.976 683 QVC Japan - KDDI 2.573572 1.595419 0.8565 1.159 1.913 2.1545 2.7695 31.411 684 Rakuten - KDDI 7.133511 2.246773 2.135 3.223 5.888 6.922 8.023 38.627 685 Shop Channel - KDDI 1.461729 0.668696 0.46875 0.711 1.12225 1.268 1.591 6.772 682 Sony Style - KDDI 2.950857 1.414323 0.543 2.011 2.379 2.585 2.922 26.086 685 Yodobashi - KDDI 2.859997 0.920116 0.8415 0.071 2.30625 2.6785 3.14775 9.79 676 ZOZO Town - KDDI 3.284734 1.216395 1.701 1.512 2.374 2.892 4.075 12.456 677

EコマースTop20 ― Firefox ― 箱ひげ図 2014/5/2～5/8

EコマースTop20 ― iPhone5 ― DoCoMo 3G 統計データ要約 2014/4/29～5/6

平均標準偏差四分位数範囲 0% 25% 50% 75% 100% サンプル数

7 net shopping 31.19926 8.928059 7.378 21.281 25.03 28.748 32.408 64.234 81 A-Price 9.333253 8.373359 2.833 3.64 6.70975 7.6955 9.54275 80.907 158 Amazon 39.0537 12.60183 12.60075 15.895 31.85925 37.542 44.46 108.41 116 Bellemaison 25.99316 10.15943 5.404 18.329 21.36 23.566 26.764 102.562 159 Bic Camera 5.452152 7.775089 1.26125 1.421 3.27825 3.5775 4.5395 73.487 164 Cecile 28.0534 9.026157 8.4985 19.407 22.563 25.471 31.0615 98.623 151 DELL 26.84261 23.86477 7.362 11.966 16.12325 19.063 23.48525 113.581 18 DHC 62.7047 12.35438 13.4775 36.515 55.615 61.987 69.0925 109.183 123 Dinos 40.9163 18.80103 14.2615 24.69 29.5145 35.128 43.776 113.327 147 Felissimo 30.64062 12.54497 6.455 19.006 24.6815 27.374 31.1365 103.611 159 IY Net 11.79688 10.66434 2.7685 6.25 7.988 9.204 10.7565 87.862 154 Japanet 36.13486 16.43593 10.024 13.293 27.812 31.191 37.836 109.786 155 Joshin 18.05177 9.233415 3.96975 8.514 14.4565 15.796 18.42625 89.668 164 Nissen 50.0218 10.29686 6.5955 28.935 44.6205 47.199 51.216 107.123 131 PC Bomber 53.69489 13.365 14.594 37.142 44.35775 49.3545 58.95175 107.207 162 QVC 26.46045 11.45241 7.317 15.797 20.452 23.546 27.769 94.174 145 Rakuten 35.72059 23.02249 5.33425 18.765 27.001 28.3205 32.33525 172.811 142 Shop Channel 30.39111 17.21138 8.2525 16.547 21.678 25.001 29.9305 84.472 19 Sony Style 17.00619 8.784396 3.283 10.986 13.6785 14.844 16.9615 98.001 155 Yahoo! Shopping 29.12773 12.58816 9.366 17.186 21.481 25.55 30.847 102.671 153 Yodobashi 22.4978 8.360877 4.889 15.685 18.502 20.484 23.391 84.797 161 ZOZO Town 14.00526 8.681663 2.907 8.593 11.218 12.453 14.125 82.954 153

EコマースTop20 ― iPhone5 ― DoCoMo 3G 箱ひげ図 2014/4/29～5/6

ネット銀行スマートフォンサイト -‐ 3G回線統計データ要約 2014/4/29～5/6

平均標準偏差四分位数範囲 0% 25% 50% 75% 100% サンプル数

Citi Bank - Docomo 20.04498 9.035929 4.3445 13.436 15.8195 17.186 20.164 95.048 159 Citi Bank - SoftBank 15.16799 23.75992 2.8225 3.846 5.282 6.142 8.1045 90.625 150 Japan Net Bank - Docomo 20.81487 9.847719 5.34875 12.222 16.41325 18.562 21.762 105.156 144 Japan Net Bank - SoftBank 14.88671 21.86416 1.992 4.452 6.362 7.2515 8.354 105.954 148 Mizuho Bank - Docomo 20.17633 6.87312 5.5395 13.907 16.2185 18.175 21.758 54.702 159 Mizuho Bank - SoftBank 13.92133 24.26151 2.428 4.609 5.4985 6.343 7.9265 112.282 146 MUFG - Docomo 25.14353 10.86261 7.70625 14.499 19.37175 22.1485 27.078 97.407 168 MUFG - SoftBank 15.48797 29.38431 1.605 4.921 5.7035 6.431 7.3085 116.125 148 Orix Bank - Docomo 29.83944 11.98749 6.00125 21.046 23.8845 26.389 29.88575 105.154 152 Orix Bank - SoftBank 19.9772 25.73541 2.52875 7.376 9.21225 10.329 11.741 100.254 152 Rakuten Bank - Docomo 15.86138 10.96479 5.612 6.455 10.997 13.045 16.609 92.031 165 Rakuten Bank - SoftBank 16.76533 32.16946 1.819 2.749 3.8355 4.524 5.6545 111.751 150 Resona Bank - Docomo 16.3877 6.019401 6.04 7.156 12.6595 14.633 18.6995 48.391 158 Resona Bank - SoftBank 11.80047 13.02289 3.75375 2.939 5.11325 6.2975 8.867 52.438 154 SBI Sumishin Net Bank - Docomo 34.68615 11.86879 5.468 18.78 29.75825 31.596 35.22625 105.294 150 SBI Sumishin Net Bank - SoftBank 23.32284 26.76917 3.77775 8.548 11.9715 13.9935 15.74925 114.092 154 Seven Bank - Docomo 28.26199 13.15793 6.165 16.784 22.3515 24.221 28.5165 99.827 159 Seven Bank - SoftBank 20.36372 25.25294 6.77675 5.862 7.245 9.093 14.02175 94.738 148 Shinsei Bank - Docomo 51.11844 12.17604 12.505 36.235 43.125 48.271 55.63 108.846 146 Shinsei Bank - SoftBank 15.29038 4.167672 3.00275 10.236 13.28475 14.6395 16.2875 53.784 136 Shoko Chukin Bank - Docomo 14.32312 10.53057 2.517 8.566 11.228 12.061 13.745 106.236 155 Shoko Chukin Bank - SoftBank 8.698065 12.57262 2.2575 2.733 3.595 4.044 5.8525 64.205 155 SMBC - Docomo 13.87817 3.74882 2.11 6.718 12.007 12.844 14.117 40.328 163 SMBC - SoftBank 9.484091 14.1116 2.78 1.998 2.861 3.374 5.641 77.468 165 Sony Bank - Docomo 17.21888 11.05293 4.52425 8.142 12.596 14.237 17.12025 93.296 154 Sony Bank - SoftBank 12.46698 17.89716 2.842 2.704 4.657 5.331 7.499 71.113 161 Suruga Bank - Docomo 17.41476 7.321969 5.6775 10.265 13.2885 15.797 18.966 57.082 160 Suruga Bank - SoftBank 12.428 18.66492 2.965 3.294 4.619 5.483 7.584 73.907 159

ネット銀行スマートフォンサイト -‐ 3G回線箱ひげ図 2014/4/29～5/6

Webサイト品質管理通信が保証されない=100%コピーが保証されない世界

定常計測・監視のすすめ • なぜ、常にパフォーマンスを計測・監視しなければ

いけないのか?

「MacBook Air 開封の儀」

話が通じなくて、怒る

定常的に計測・監視しないリスク • 常に計測・監視しなければ、ユーザーに配信でき

ているかどうかは、わからない • 日次・週次・月次・年次のパフォーマンスパターン

がわからない • パフォーマンスパターンがわからなければ、対応

ができない

楽天イーグルス優勝時の楽天市場のトップページの状態

2014年 5月 10日 27 ©2013 Keynote Systems, Inc.

計測・監視の仕方

データの取り方

2014年 5月 10日 29

Last Mile First Mile Middle Mile

web server

エンドユーザ

NTT

KDDI エンドユーザ

１次ISP

RUM （Real User Monitoring）

Synthesis Monitoring

Systems/Server side Monitoring

サーバーサイド監視ソフト •  HP So_ware and SoluAons (旧OpenView) •  IBM Tivoli •  Tibco Hawk •  日立 JP1 •  野村総合研究所千手

•  富士通 Systemwalker •  NEC WebSAM •  NTTデータ Hinemos(オープンソース) •  Apache So_ware FundaAon Lokahi (オープンソース) •  Zabbix (オープンソース) •  Nagios (オープンソース)

APM(ApplicaQon Performance Management)

•  HP ApplicaAon Performance Management •  IBM SmartCloud •  Compuware APM •  New Relic •  BMC ApplicaAon Performance Management •  AppDynamics •  CA APM •  Riverbed OPNET APM •  Quest So_ware APM •  ExtraHop •  Microso_ OperaAon Manager

SyntheQc Monitoring • Keynote • Compuware •  SiteAleart • WebMetrix • Catchpoint • BlueTriangle • Microso_ • Akamai SiteAnalyzer

Real User Monitoring • Pingdom • New Relic • Compuware • Keynote • HP •  SOASTA • Neustar • Akamai • CopperEgg

boomerang

配信速度の劣化

2014年 5月 10日 36


web server

エンドユーザ

NTT


１次ISP

1～2秒 2～4秒 3～8秒

どれか一つの方法に絞ってはいけない

• それぞれの計測方法の特徴を理解し、組み合わせて使うことが大事

統計分析手法でWebサイトの「急所」を探り当てる

• データの取り方が大事 • データは、どのように計測すれば良いのか？ • 統計学で、手法が確立している

実験計画法 •  1920年代に、統計学の大家、R・A・フィッシャーが

確立 • 効率のよい実験方法をデザインし、結果を適切に

解析することを目的とする統計学の応用分野 • 品質管理のタグチメソッドの基礎

実験計画法～3つの原則 •  3つの原則

•  局所管理化：影響を調べる要因以外のすべての要因を可能な限り一定にする。

•  反復：実験ごとの偶然のバラツキ（誤差）の影響を除くために同条件で反復する。

•  無作為化（ランダム化）：以上でも制御できない可能性のある要因の影響を除き、偏りを小さくするために条件を無作為化する。例えば実験を行う空間的・時間的順序の影響があるかもしれないから、決まった順序でなく実験のたびに無作為に順序を決めるなど。

「観察者効果」の問題 • 観察するという行為が観察される現象に変化を与えて

しまう問題 • 例えば、電子を見ようとすると、まず光子がそれと相互

作用しなければならず、その相互作用によって電子の軌道が変化する

• エンドユーザを「観察」しようとJavaScriptを入れることで、そのJavaScript自体がパフォーマンスの遅延などの変化をもたらす

•  行動解析用ビーコンが表示の遅延をもたらし、離脱率を上げる

•  RUMのJavaScriptが、表示速度の遅延をもたらす •  広告効果測定ビーコンが、ページ表示の遅延をもたらす

SyntheQc Monitoringの重要性 • 計測環境・条件の統一

•  変数の限定化（実験計画法の「局所管理下」）

• 定点観測 •  日次パターン、週次パターン、月次パターン、年次パ

ターン •  ベースラインの認識（実験計画法の「反復」）

• データを「完全に取得する」 •  何を以って、「ページの終わり」とするのか？ •  何を以って、「エラー」と認定するのか？ •  閾値の定義・設定の重要性

Google AnalyQcsの計測データ（ダウンロード時間）

Google AnalyQcsの計測データ（ First PaintとTime to InteracQve）

Keynoteの計測データ（ダウンロード時間）

Keynoteの計測データ（First PaintとTime to InteracQve）

よくある計測に関する誤解 1 • 負荷が上がる時間帯だけ、短い間隔で計測したい

•  社会現象の冪乗則により、5分や10分単位で、負荷が上がったり下がったりはしない

•  平均や最頻値、中央値などの各種計測データによる計算がおかしくなる

•  5秒、8秒、7秒、10秒、12秒 → 平均8.4秒 •  5秒、8秒、7秒、10秒、[12秒、13秒、12秒、14秒] → 平均10.125秒


ランダム計測 ― 「代表性」の担保

よくある計測に関する誤解 2 • アクセスが少ない時間や曜日は計測せず、アクセ

スが集中する時間帯や曜日だけ計測したい •  ベースラインがわからなくなる

•  ベースラインが不明だと、どこのボトルネックがあるかわからなくなる

•  計測した値が、外れ値かどうかわからなくなる •  パターンなのか？それとも、たまたまなのか？


この計測値は、いつもの値?

金曜日金曜日金曜日

3秒

よくある計測に関する誤解 3 • リニューアルの前後、1ヶ月だけ計測したい

•  インターネットは、想像しているより、遥かに不安定な世界 •  様々なネットワークの混合結合体だと理解している人は少ない •  インターネット全体を統括して管理している人はいない •  障害が発生しても、気づかないことが多い

•  インターネット全体を監視して状況を表示しているダッシュボードがあるわけではない

•  Webサイトの配信管理は「歩留まり」の管理という認識がない

•  サーバで用意した「部品」を、インターネットという「ベルトコンベア」で送り込み、PCやスマートフォン、タブレットなどの端末で「組み立てる」

•  定常的に計測しない限り、ユーザに配信できていることは担保できない


Web Content

Web Users

$

50X 50X

20X 20X

6X 6X

$ $

$ $ $

$ $ $

$ $ $

First Mile

Tier 1 ISPs

Local ISPs

Last Mile

Middle Mile

インターネットインフラへの投資比率

2014年 5月 10日

Internet Health Report – www.internethealthreport.com

POWERING A BETTER INTERNET

「Big Data」より「AcQonable Data」 •  「データを何に使いたいのか」という目的が、デー

タの取得方法に大きな影響を与える • 監視したいのか？計測したいのか？ • 要因を固定し、条件を統一する • コントロール可能な「主変数」にフォーカスする


コントロール可能な3つの「主変数」


web server

エンドユーザ

NTT


１次ISP

1. ネットワーク

2. HTML/CSS/JavaScript

3. システム負荷/性能

パフォーマンス計測の2つの測定基準

• ダウンロード時間 •  ページの中で既述されている全てのオブジェクトをダウ

ンロードし切るまでの時間を計測する • 表示開始時間、操作可能状態までの時間

•  表示開始時間（First Paint）～レンダリングが開始されてブラウザ上で表示されるまでの時間

•  操作可能状態（Time to InteracAve）～ページ上で操作が可能になるまでの時間

•  ダウンロード時間より、表示開始時間や操作可能状態までの時間の方が重要

•  W3C Web Performance Working Groupにて、W3C NavigaAon Timeが策定され、モダンブラウザにAPIが実装される


W3C Web Performance Working Group


W3C NavigaQon Time – 何秒でレンダリングが開始され、何秒で操作可能になるか

61

2014年 5月 10日

Webパフォーマンスの「主成分」


考えられる要因～Webの「非破壊検査」

•  DNS Lookup •  DNSのTTLが短すぎる、DNSサーバのキャパシティ不足

•  IniAal ConnecAon •  ネットワーク帯域の不足、ネットワーク機器のキャパシティ不足、Internet

網の障害、レイテンシの問題

•  SSL •  サーバのキャパシティ不足

•  First Byte Download •  サーバのキャパシティ不足、サーバのディスクアクセス競合

•  Content Download •  ディスクアクセスの遅延


General Rule Book ― 鵜呑みにしない事


「健康のためにサプリメントは如何?」

「急所」を判別して改善する •  80:20の法則（パレートの法則）～冪乗則

•  全体の数値の大部分は、全体を構成するうちの一部の要素が生み出している

2014年 5月 10日 66 ©2013 Keynote Systems, Inc..

ボトルネックを考える •  「データベース」が常にボトルネックではない

•  インターネット網の不安定さ

• 自社コンテンツだけを見てはいけない •  サードパーティーコンテンツの不安定さ


某社のスマートフォンサイト


Sca^er Plot -‐ 散布図


この詳細を知りたい

Waterfall Chart －ウォーターフォール図


これは何？

これは何？


このJavaScriptのダウンロードの遅延で後ろのコンテンツのダウンロードが止まってる

広告関係の3rd Party JavaScript


こちらの会社のJavaScript


Sca^er Plot -‐ 散布図


この詳細を知りたい

これは何？




h7p://googleads.g.doubleclick.net/pagead/viewthroughconversion/

980023218/?value=0&guid=ON&script=0

h7ps://ssl.socdm.com/sa/js?said=sg11341-‐s&t=1

こちらの会社のJavaScript




h7p://v6.advg.jp/adpv6/pv.js/7qb

h7p://googleads.g.doubleclick.net/pagead/viewthroughconversion/

987798848/?value=0&guid=ON&script=0

h7p://b92.yahoo.co.jp/js/s_retargeAng.js

h7p://www.googleadservices.com/pagead/conversion.js

h7ps://j.amoad.com/js/dc.js

h7ps://s.nend.net/js/nendRt.js

h7p://dex00.deqwas.net/dhc/scripts/x.js?noCache=1373475746676

h7p://serv2.vizury.com/analyze/pixel.php?account_id=VIZVRM943

何をしたいのかわからない… （このスマートフォンサイトは、広告をあっちこっちのサイトに出るようにする目的のためなのか、それとも商品を売りたいのか？）


3rd Partyコンテンツのエラー回数 2013/7/6～12の一週間（DoCoMoの3G回線で1時間に1回の計測）

配信ドメインエラー回数 microad.jp 78 deqwas.net 59 baynote.net 54 impact-ad.jp 51 openx.net 39 deqwas-dsp.net 35 advg.jp 31 href.asia 26 doubleclick.net 20 dhc.co.jp 18 gssprt.jp 14 i-mobile.co.jp 11 yahoo.co.jp 10 advertising.com 9 gsspat.jp 9 vizury.com 9 google.co.jp 8 googleadservices.com 6 amoad.com 5 genieessp.jp 5 nend.net 5 socdm.com 4 cloudfront.net 1 omtrdc.net 1


3rd Partyコンテンツのエラー回数 2013/7/6～12の一週間（SocBankの3G回線で1時間に1回の計測）

配信ドメインエラー回数

advg.jp 2

deqwas.net 1

dhc.co.jp 3

i-mobile.co.jp 1

microad.jp 8


イトーヨーカドーのネットスーパー


これは何？

Twi^erによる遅延


サードパーティーの影響

パフォーマンスの劣化の原因が、全て自社以外のドメインからの配信

84

今こそ、Webサイトに品質管理を! • データを取ろう!

•  定常的計測・監視 •  Systems Side Monitoring •  SyntheAc Monitoring •  Real User Monitoring

•  この3つとも、大事。補完関係にある。 • データに基づいて改善しよう!

•  統計学を学び、統計学の知識を活用しよう! • Webサイトのパフォーマンスと可用性は、ビジネス

上大事! •  新規顧客開拓も大事だが、既存顧客の維持も大事

html5j パフォーマンス部では部員募集中です!

html5j Japan Cup パフォーマンス賞

ご静聴ありがとうございました。

今後の予定(仮) • 第2回 … 理論(統計学、ソフトウェア工学関係) • 第3回 … モバイル関係(モバイルネットワークの仕組み

など) • 第4回 … インターネット網関係 • 第5回 … CDN関係 • 第6回 … デスクトップ関係 • 第7回 … ツール関係 • 第8回 … 企業内Webアプリケーション関係 • 第9回 … サードパーティー関係(広告、測定、SNS) • 第10回 … レスポンシブ VS アダプティブ VS 専用サイト • 第11回 … パフォーマンスデータの活用

html5j パフォーマンス部第一回勉強会 Webパフォーマンス事始め

Internet

Transcript of html5j パフォーマンス部第一回勉強会 Webパフォーマンス事始め