CDNサービスを最大限に活用するwebパフォーマンス計測

CDNサービスを最大限に活用す
るWebパフォーマンス計測
©2012 Keynote Systems, Inc.
2015年1月30日
Keynote Systems, Inc.
Technical Business Representative
竹洞陽一郎
Yoichiro.Takehora@keynote.com

自己紹介
 最近の経歴
 2004～2006 VMware … Professional Service Organization、
日本人初のVCPトレーナー
 2006～2009 Akamai…Professional Service、
Technical Project Manager
 2009～2010 Verizon Business…Global Service、
Principal Consultant
 2011～ Keynote Systems…Technical Business Representative
 やってきた事
 Lotus Notes → Windowsのシステム構築 → Unix/Linuxのシステム構築 → メ
ール → Webシステム → システム開発見積り・IT不良資産 → 仮想マシン →
CDN、Web高速化、ストリーミング、RMT問題 → Webコンサルティング
2015年1月30日 2©2012 Keynote Systems, Inc.

Keynote Systemsについて
• アメリカ合衆国カリフォルニア州サン
マテオに本社を置く
• 1995年創業、1999年NASDAQ上場
• Web、モバイル、ストリーミングのパ
フォーマンス計測のサービスを主とす
る
• 計測の分野におけるマーケットリーダ
ー
• 顧客数4,000社以上
• 計測拠点275ヵ所
• 計測用コンピュータ7,000台以上

4
New MediaAutomotive
Retail
Financial Services
Technology & Telecom TravelPortals/Media
Business-to-Business
Keynoteをご採用頂いているお客様
©2012 Keynote Systems, Inc. 2015年1月30日

今日、お話する事
 CDNサービスを利用する意義
 Keynoteのサービス概要

CDNサービスを利用する意義
ビッグトラフィック時代の
2015年1月30日 6©2012 Keynote Systems, Inc..

CDNサービスを利用する意義
インフラの
負荷軽減
定常的な負荷・
サージ/スパイク
配信高速化
キャッシュ活用
・レイテンシ
遅延対策
IT投資費用
の柔軟性
CAPEXから
OPEXへ

CDNの効用
インフラの
負荷軽減
定常的な負荷・
スパイク
配信高速化
キャッシュ活用
・レイテンシ
遅延対策
IT投資費用
の柔軟性
CAPEXから
OPEXへ
ビジネスの継続性
↓
ブランドイメージ向上
機会損失の最小化
Front officeの負荷軽減
UXの向上
↓
ブランドイメージ向上
利益の最大化
IT部門の負荷軽減
資金活用の柔軟性
↓
「資産」から「経費」へ
利益と経費の比率が平準化
Agile Competition

インフラの負荷軽減
 仮想化技術の限界
 仮想化技術～システムリソースの最大活用化
 インフラ（仮想化された環境）が持つリソース以上のキャパシティは引き出せない
 クラウドコンピューティングの限界
 NIST（アメリカ国立標準技術研究所）の定義
1. On Demand and Self Services
消費者（ユーザー）は、サービスプロバイダーの人的関与を必要とせず、自動的に、一方的にコンピューティング能力（サーバーやネットワーク・スト
レージ）を利用できる。
2. Broad Network Access
コンピューティング能力は、各種の消費者のプラットフォーム（携帯やラップトップ、PDAなど）から、ネットワークを通じてサービスや資源にアクセ
スできる。
3. Resource Pooling
プロバイダーのコンピューティング資源は、Multiple-Tenantモデルにより、複数の消費者に提供され、その物理的・仮想的資源は消費者の需要に応じて
動的に割り当てられる。その際、消費者は、一般的に、どこで計算がなされるか、管理できず、知見を有さないという点で、場所に独立的である。
4. Rapid Elasticity
コンピューティング能力は、急速かつ弾力的に、スケールイン・スケールアウトされて、提供される。消費者からみると、コンピューティング能力は、
無限にあるように見え、必要な時に必要な量を購入することができる。
5. Measured Services
クラウドシステムは、計量能力を利用することにより、サービスのレベルに応じて、資源利用の管理・最適化が自動的に行われる。資源の利用は、プロ
バイダー、ユーザーの両方にとって、監視、制御され、透明性をもって報告される。
 Rapid ElasticityとMeasured Servicesを提供できているCloud Computingサービスは僅か
 「増やす」考え方から「減らす」考え方へ
 シンプル化・上に縮んでいくアメリカ、ヨーロッパのWebサイト、複雑化・下に伸びていく日本のWebサイト

日本のWebサイトの弱さ
 Value Proposition（Why US?）が明確でないと…
 サイトが複雑化
 価格競争へ突入
 「情報が何を消費してしまうかは、とても明白だ。受け手
の関心を消費するのだ。それゆえ、豊富な情報は関心の欠
落を生む。また、溢れる情報が、『関心』を消費しようと
しているとき、その『関心』を効果的に配置する必要性が
生まれる。」－ハーバート・サイモン（ノーベル賞経済学
賞受賞者。チューリング賞受賞者）

IT投資費用の柔軟性
 企業の利益の創出は「知働化」にある
 知働化とは、組織の持つ「知恵」を「システム化」すること
 システムそのものが利益を生み出すのではなく、組織の持つ知恵を自動化させたシス
テムが利益を生み出す
 「知働化研究会」
 アジャイルプロセス協議会のワーキンググループ
 www.exekt-lab.org
 Cloud Computingの潮流
 組織が持つ知恵こそが利益創出の源泉であるならば、インフラを持つ必要性はない～
「持たない経営」
 スケールアウト戦略
 Agile Competition（迅速さによる競争力）
 スピーディーな環境適応能力こそが、企業の競争力
 意思決定から実現までの時間が加速的に短縮されていく

配信の高速化
 Aberdeen Groupの調査報告
 表示速度が1秒遅くなる毎に、
 ページビューが11%減少
 コンバージョン率が7%低下
 顧客満足度が16%低下
 継続的にパフォーマンスを計測することで、MTTRが1/9以上減少
 ITに費やしている労務費が1/4以上減少
 顧客満足度が88%以上向上
 ブランドイメージが2倍向上
 Forrester Researchの調査報告
 Webサイトのパフォーマンスに不満を感じた場合、79％のユーザーはそのサイトで二度とショッピングをしない
 52％のユーザーは、Webサイトのパフォーマンスがサイト利用にあたり重要な要素だと考えている
 Webサイトでのショッピング中に買い物を中断したユーザーの33％は、サイトのパフォーマンスに不満を感じている
 多くのユーザーはページの読み込みにかかる時間として2秒以内を期待しており、40％以上のユーザーは4秒以上待てない
 「ハイパフォーマンスWebサイト」（オライリー）の著者 Steve Souders
 Microsoft社のBingでは、2秒のレスポンスタイム低下はユーザーあたり4.3％の売上低下を招く
 Googleでは、レスポンスタイムが0.4秒遅くなると、ユーザーあたりの検索回数が0.59％減少する
 AOLでは、ユーザーが読み込み時間の早いページを経験すると訪問回数あたりのページビューが50％増加する
 価格比較ショッピングサイトのShopzillaでは、ページ読み込み時間を7秒から2秒に短縮すると、売上が7％～12％増加し、
インフラのコストが50％削減できた

スピード = 価値
「今や、250msという速度が、Webにおける競争力の強みとなる特別な数字に近い。」 Harry Shum, Microsoft
売上向上
 10%の売上向上
(1秒高速化される毎に)
(表示速度が6秒から1.2秒に
高速化することによって)
(2秒高速化される毎に)
 最速で表示された場合は50%
以上のPV増加
(最遅表示された場合と比較)
 9%以上のトラフィック増加
(400ms向上される毎に)
生産性向上
 2%の生産性向上
(2.7秒までアプリケーション
を高速化した場合)
 エラーが減少、エンジニアリ
ングサイクルが加速、データ
の統一性の向上

Webの反応速度と人の感覚～Jakob Nielsen
 0.1秒
ユーザにとってUI中のオブジェクトを直接操作していると感じられる限界の時
間。ユーザの入力に対して、その応答速度が0.1秒で収まるのが理想。
 1秒
ユーザが操作空間を自由に行き来していると感じられる限界の時間。0.2秒～
1.0秒の遅れがあると、ユーザは遅延に気づき「処理を実行している」と感じる
ようになるので、タスクを実行する上での操作の「流れ」の感覚を失う。
 10秒
ユーザがタスクに対して集中力を維持できる限界の時間。10秒を超える遅延は
、仕事中に自然に発生する作業の区切りのときのみ許容される。どんな処理で
あれ、10秒を超える場合は進捗をパーセントで示すインジケーターを表示し、
更にユーザが処理を中断するための手段をはっきりわかるように表示する必要
がある。

日本のWebサイトのパフォーマンスの現状を知る
Firefox – NTT & KDDI 2012/6/15～7/15

日本のWebサイトのパフォーマンスの現状を知る
IE9 – NTT & KDDI 2012/6/15～7/15

Keynote Performance Index：Top Retailers – July 8th, 2012
http://keynote.com/keynote_competitive_research/performance_indices/top_retailers/index.html

日本のスマートフォンサイトのパフォーマンスの現状を知る
Softbank 2011/10/19～2012/4/15

日本のスマートフォンサイトのパフォーマンスの現状を知る
NTT Docomo 2011/10/19～2012/4/15

Keynote Mobile Commerce Index – April 8th, 2012
http://keynote.com/keynote_competitive_research/performance_indices/mobile/retail/index.html

Keynote Performance Index: Mobile Retail – World
April 8th, 2012
http://keynote.com/keynote_competitive_research/performance_indices/mobile/retail-world/index.html

このパフォーマンス（表示速度）
の差は、何が原因なのか？

Amazon Japan
DHC
約13倍約17倍

Amazon Japan
EC Current
約1.5倍約2.6倍

Amazon Japanの場合

EC Currentの場合

DHCの場合

Topページのファイル数の違い
Amazon
Japan
EC Current DHC
Redirect 1 4 4
HTML 1 2 3
CSS 1 3 6
JavaScript 1 10 18
画像 10 10 56
Beacon 0 1 2
XML 0 0 1
合計 14 30 90

20～40代子育てママのスマートフォン利用
2012年4月20日ベネッセコーポレーション調査

CDNの限界
 美しい人は、より美しく、そうでない人はそれなりに
 速いサイトは、より速く、そうでないサイトはそれなりに

複雑なWebの環境

彼を知り己を知れば百戦危うからず
（孫子の兵法）
↓
データを持っていない
↓
競合についても、自社についても、知らなさ過ぎる
↓
負けるに決まってる

何を削って、何を残すのか?
 コンテンツを減らす～ユーザーの行動を分析し、モバイル
でよく参照されるページ、機能に特化する
 画像は極力減らす～ページの「美しさ」のための画像は削
る
 Simple is best ～機能をたくさんつけても使わない。本当に
必要とされるものだけを実装する。「できる」からといっ
て、実装しない
 美しさより速さ～「1分ルール」を満たす

1分ルールとは？
 スマートフォンでのブラウジングは、PCと異なる
 PCは、机の前に座ってブラウジングする
 スマートフォンは、1日の細切れ時間の中でブラウジングする
 朝起きてベッドの中で
 朝食を食べながら
 通勤時間中
 トイレの中
 お昼ご飯
 タバコを吸いながら
 仕事、仕事のちょっとした合間
 移動中
 ちょっとした待ち時間
 5分未満の細切れ時間にアクセスしてくるユーザーはコンバージョンレ
ートが高い
 1分以内に「目的を達する」ことができるようにサイトを作る

Performance Best Practice
 JavaScriptをHTMLの最後に記述する
 CSSをHTMLの最初に記述する
 Keep aliveを使う。Keep aliveの対象数からはみ出るコンテ
ンツがないようにする
 HTMLファイル以外はキャッシュを効かせる
 MIMEが”text/*”か”*javascript*”のものについては圧縮配信す
る
 CSSを1枚にまとめる
 JavaScriptを1枚にまとめる

W3C Web Mobile Best Practice
http://www.w3.org/TR/mobile-bp/
 Auto refreshを使わない
 レイアウトのためにTableを使わない
 キャッシュを使う
 フレームを使わない
 テキストフリーにしない（input type=“text”)
 画像のサイズを明示する（height, width）
 画像のALTを明示する
 ポップアップを使わない
 ページタイトルを明示する
 Tableの中にTableを定義しない

KEYNOTEのサービス概要
世界中のCDNユーザ企業が利用する

サービス一覧
パフォーマンス
計測・監視
開発テスト負荷テスト UXテスト
プライバシー
情報(Cookie)追
跡
Web TxP
KITE TsP
Managed TsP
LoadPro
WebEffective
WPT
SOAP, REST,
FTP
ApP
Cloud
Computing
CApP
CTxP
Mobile Web MWP MITE
Mobile App MDP
Device
Anywhere
Streaming StP LoadPro
2015年1月30日 40
 Webのライフサイクルマネジメント、品質管理に必要なトータルソリューションを提供

コスト管理
パフォーマンス管理
可用性管理
SLA保証
開発部門
Keynote のサービスをお使い頂いている部署
41
IT管理部門
ビジネス部門、
マーケティング部
門
ページビュー上昇
コンバージョン率上昇
収益最大化
表示検証
動作検証
品質管理
January 30, 2015

TXP, APP, MWP, MDP, STP
パフォーマンス計測・監視サービス

Last
Mile
First
Mile
Middle
Mile
TxP (Transaction Perspective)
インターネットのエッジサイドで、実際のブラウザ（IE9、Firefox5）でWebサイトの描画速度とダウンロードのパ
フォーマンスを計測します。
計測間隔は、5分、15分、30分、1時間のいずれかを選択できます。
43
January 30, 2015
web server
エンドユーザ
NTT
KDDI
エンドユーザ
１次ISP 計測
Agent

Last
Mile
First
Mile
Middle
Mile
ApP (Application Perspective)
インターネットのエッジサイドで、Keynoteが作ったエミュレータブラウザでSOAP、REST、FTP、単独ファイルな
どのパフォーマンスを計測します。
44
January 30, 2015
web server
エンドユーザ
NTT
KDDI
エンドユーザ
１次ISP 計測
Agent
GET
/WebSite1/WebSer
vice.asmx/getHello
?str=string
HTTP/1.1 Host:
apiserver

Last
Mile
First
Mile
Middle
Mile
CApP、CTxP ～ Cloud Computing プラットフォーム (1st Mile) 計測
TxPやApPの計測をクラウドコンピューティング側で行います。
45
January 30, 2015
Cloud Computing
エンドユーザ
エンドユーザ
計測
Agent
GET
/WebSite1/WebSer
vice.asmx/getHello
?str=string
HTTP/1.1 Host:
apiserver

Last
Mile
First
Mile
Middle
Mile
MWP (Mobile Web Perspective)
インターネットのエッジサイドで、スマートフォン標準ライブラリWebKitで作ったモバイルシミュレータを用いて
Webサイトのパフォーマンスを計測します。通信は実際のSIMを使った携帯網かインターネット回線を利用します。
46
January 30, 2015
web server
モバイル
シミュレータ
計測
Agent
SoftBan
k
Gatewa
y
docomo
Gatewa
y
NTT
3G/4G回線
インターネット回線

Last
Mile
First
Mile
Middle
Mile
MDP (Mobile Device Perspective)
インターネットのエッジサイドで、スマートフォン実機でネイティブアプリのパフォーマンスを計測します。通信は
実際のSIMを使った携帯網もしくはインターネット回線を利用します。
47
January 30, 2015
application server
スマートフォン実機
計測
Agent
SoftBan
k
Gatewa
y
3G/4G回線
docomo
Gatewa
y

Last
Mile
First
Mile
Middle
Mile
StP (Streaming Perspective)
インターネットのエッジサイドで、ストリーミングの配信クオリティを計測します。
計測間隔は、5分、15分、30分、1時間のいずれかを選択できます。1分間動画を再生します。
48
January 30, 2015
streaming server
エンドユーザ
NTT
KDDI
エンドユーザ
１次ISP 計測
Agent

KITE, MITE,
DEVICEANYWHERE
開発テスト

KITE (Keynote Internet Testing Environment) - 無料
2015年1月30日 50
 ローカルPC上でのIE、Firefoxのパフォーマンス検証、TxP、ApP、CTxP、CApPの計測用スクリプト作成の機能
を持ちます。http://kite.keynote.com/

MITE (Mobile Internet Testing Environment) – 無料
2015年1月30日 51
 ローカルPC上でのモバイルサイトの動作・パフォーマンス検証、MWPの計測用スクリプト作成の
機能を持ちます。
世界で発売されている主要携帯機器2000機種、OSの違いを含めて16,000プロファイルを用意してい
ます。
http://mite.keynote.com/

DeviceAnywhere Studio
2015年1月30日 52
 実機での検証をデスクトップ上からリモートで行うことができます。
APKファイルもローカルからネットワーク経由でアップロードすることが可能です。

DeviceAnywhere Studio – テストの自動化
January 30, 2015 53
 各デバイスの機能を抽象化して、OS・物理構造の違いを吸収します。
1つのスクリプトで、複数の異なるデバイスでの自動テストを可能とします。

TSP、MANAGED TSP,
LOADPRO
負荷テスト

負荷生成
センター
Last
Mile
First
Mile
Middle
Mile
TsP (Test Perspective)、Managed TsP、LoadPro― 負荷テスト
インターネット経由で負荷センターから大規模な接続を生成し、システムのキャパシティとWeb表示速度を計測しま
す。
同時接続100～10,000,000 VU（Virtual User）規模まで対応しています。
55
January 30, 2015
web server
Virtual User
計測
Agent

WEBEFFECTIVE
UXテスト

Last
Mile
First
Mile
Middle
Mile
WebEffective – User Experienceテスト
ユーザがアクセスした際に、アンケート依頼のポップアップを表示し、質問項目に沿ってサイト上で行動してもらう
ことが可能です。
100～10,000以上の規模の母数に対応しています。
57
January 30, 2015
web server
エンドユーザ

WEB PRIVACY TRACKING
プライバシー情報 (Cookie) 追跡

WPT (Web Privacy Tracking)
2015年1月30日 60
 Third Party Cookieによる個人情報が、どこまで参照されているのかを調査します。

CDNサービスを最大限に活用するwebパフォーマンス計測

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie CDNサービスを最大限に活用するwebパフォーマンス計測

Ähnlich wie CDNサービスを最大限に活用するwebパフォーマンス計測 (20)

Mehr von Yoichiro Takehora

Mehr von Yoichiro Takehora (20)

CDNサービスを最大限に活用するwebパフォーマンス計測