秒の違いで12 webサイトのページ 表示速度の重要性とその原因 ·...
TRANSCRIPT
CDNソリューションズ株式会社 東京都港区赤坂8-4-14 青山タワープレイス6F (:(03) 6439-3710 FAX: (03) 3478-3007
5秒の違いで12%も売上が向上!WEBサイトのページ表示速度の重要性とその原因
特典つき!
貴社WEBサイトの表示速度の
分析レポートを無料進呈!
詳しくはお問い合わせください!
Confidential and Proprietary - CDN Solutions K.K. 2
当資料について
WEBサイトの改善や収益向上施策として、アクセス解析・LPO・EFOなど様々なサービスが提供されていますが、場合によってはこれら施策以上の効果を発揮するサービスがあります。 それが「ページ表示速度向上サービス」です。わずか0コンマ何秒という速度向上でも、売上を数%向上させることが可能です。 当資料では、WEBサイトのページ表示速度の重要性を示した上で、ページ表示速度が遅くなる原因を分析。 その後この原因を解決し、WEBサイトのページ表示速度を向上させるサービスである「サイト・オプティマイザー」についてご紹介をします。 既存の施策では効果が出ないという方、是非一度ご覧いただければ幸いです。
Confidential and Proprietary - CDN Solutions K.K. 3
1.ページ表示速度について
Confidential and Proprietary - CDN Solutions K.K. 4
0.4秒ページ表示速度が向上すると、 9%トラフィックが増加する。
ページ表示速度の重要性
0.1秒ページ表示速度が向上すると、 1%以上売上が向上する。
5秒ページ表示速度が向上すると、 12%売上が向上し、 25%ページビューが増加する。
2秒ページ表示速度が向上すると、 1ユーザあたり5%収益が改善される。
Confidential and Proprietary - CDN Solutions K.K. 5
ユーザの求める表示速度
◆ページ表示に3秒掛かった場合の離脱率 → 40%! ◆離脱したユーザがそのサイトを利用しない確立 → 90%! ◆遅いサイトの情報をクチコミで広めるユーザ → 20%! ◆モバイルサイトにPCサイトと同じ速度を期待するユーザ → 60%!
0 2 4 6 8 10
2012
2009
2006
1999 8 seconds
4 seconds
?
2 seconds ユーザーの求めるページ表示速度は年々短くなっています
Confidential and Proprietary - CDN Solutions K.K. 6
低パフォーマンスが招く弊害
-11%
-7%
-16%-18%
-16%
-14%
-12%
-10%
-8%
-6%
-4%
-2%
0%
1秒の遅延がもたらす平均的な影響 (Aberdeen Research 2009)
PV数 コンバージョン 顧客満足度
•売上損失
•ブランドイメージ低下
•問合せ数の減少
•コストの増加
を招きます。
Confidential and Proprietary - CDN Solutions K.K. 7
ページサイズとオブジェクト数
平均ページサイズとオブジェクト数の推移
平均ページサイズ(KB)
平均オブジェクト数
ページサイズ、オブジェクト数共に飛躍的に増加しています。
Confidential and Proprietary - CDN Solutions K.K.
ページ表示の一般的なプロセス(ウォーターフォールの例)
8
HTMLダウンロード
1.9秒 (ここから描画開始)
9.5秒 (ページ表示完了時間)
769KB(1ページのサイズ)
ラウンドトリップ数 : 63回
レンダリング開始時間 : 1.9秒
ページ表示時間 : 9.5秒
ページサイズ : 769KB
63行程 (ページ表示完了までの工程数)
Confidential and Proprietary - CDN Solutions K.K.
表示速度の遅いWebサイトの主な特徴
9
① 1ページあたりのオブジェクト数が多い ② ページサイズが大きい ③ HTMLが複雑 ④ 画像が最適化されていない ⑤ CSS、JavaScript が最適化されていない ⑥ ローカルキャッシュを有効活用させてない ⑦ 外部コンテンツ(Facebookなど)の呼び出しが多い
⑧ etc
Confidential and Proprietary - CDN Solutions K.K. 10
2.ページ表示の問題点を解決する
「サイト・オプティマイザー」とは
Confidential and Proprietary - CDN Solutions K.K. 11
サイト・オプティマイザーとは
『e-bay』、『VISA』など、
有名企業様が多数導入!
サイト・オプティマイザーは、お客様側でのコードの書き換えを一切することなく、
自動的にWebページ、Webアプリケーションを最適化し、ページの表示速度を飛躍的に高速化するソフトウェアです。
Webサーバとエンドユーザの間でProxyとして動作し、各ブラウザ毎に最適化処理を行います。
Confidential and Proprietary - CDN Solutions K.K.
サイト・オプティマイザー機能概要
12
ブラウザ毎の
最適化
オフライン・コンパイラー
インライン・リライター
HTMLの最適化
リソース最適化
リソース最適化 HTML最適化 テンプレート化
サーバー
オフライン・コンパイラーで作成された適切な最適化テンプレートを使用して最適化処理を実行することで、ブラウザ毎に最適化されたページを配信します。
各Webページの構成要素を分析し、そのページを各ブラウザに対して最適化するためのルールを作成します。
Confidential and Proprietary - CDN Solutions K.K.
サイト・オプティマイザーの導入メリット
13
1.顧客満足度、PV数の向上
2.売上、コンバージョン率UP
3.回線コスト削減
4.開発リソース効率化
WEBサイト運営における
収益の向上・改善
Confidential and Proprietary - CDN Solutions K.K. 14
3.サイト・オプティマイザーの効果 (主な機能のご紹介)
Confidential and Proprietary - CDN Solutions K.K.
レンダリング高速化
15
ブラウザがページのレンダリング(描画)を実行するタイミングを最適化し、表示時間を高速化させます。レンダリング開始時には画質の低いイメージを表示させておき、徐々に画質の高い画像を表示させることも可能です。
(例)
通常
3.5秒
描画開始前
1.7秒
サイト・オプティマイザーON
描画開始前
Confidential and Proprietary - CDN Solutions K.K.
ラウンドトリップ数の削減
16
ラウンドトリップは簡単に言うとクライアントとサーバー間の通信回数で、回数が多い程ページの表示時間を要します。
サイト・オプティマイザーは、複数のCSS、JavaScript、イメージファイルをパッケージ化することでラウンドトリップの削減を実現します。また、ユーザの再訪問についてはローカルキャッシュを有効活用することで、更にラウンドトリップを削減します。
(例) 通常 サイト・オプティマイザーON
(初回訪問時) サイト・オプティマイザーON
(再訪問時)
215回 135回 5回
Confidential and Proprietary - CDN Solutions K.K.
ページサイズの削減
17
デザインや機能に凝ったWebサイトはページサイズが大きくなるためダウンロードに時間がかかり、ページの表示が遅延する場合があります。
サイト・オプティマイザーは、HTML,CSS,画像ファイルを圧縮し、また効率よくローカ
ルキャッシュを利用させる事により、ダウンロードするページサイズの削減を実現します。
(例)
5,800KB 3,100KB
通常 サイト・オプティマイザーON
Confidential and Proprietary - CDN Solutions K.K.
外部コンテンツ対応
18
Facebook や Twitter のような外部コンテンツを表示させている場合、外部コンテンツのダウンロード遅延が発生すると、ページの表示自体が大幅に遅延する場合があります。
サイトオプティマイザーではこれらのコンテンツの読み込みを後回しにし、ページ全体の表示に影響が出ないようにすることが可能です。
(例)
通常
外部コンテンツの
ダウロード遅延
30秒でページ表示が完了 5秒(ここで一旦ページ表示を完了)
外部コンテンツはページ表示後に
バックグラウンドでダウンロード
サイト・オプティマイザーON
Confidential and Proprietary - CDN Solutions K.K.
まとめ(表示スピードの高速化)
19
通常のページ表示 サイト・オプティマイザーON
ページ表示速度高速化例
16.1 秒
↓
5.7 秒
表示時間を約65%削減!!
Confidential and Proprietary - CDN Solutions K.K.
FAQ
20
①CDNを利用してるWebサイトでも利用効果はありますか?
→はい、CDNと併せてご利用いただくことで、更なるWebサイトのパフォーマンス向上が見込めます。
また、CDNと併せてご利用いただくと、CDNのトラフィック量を削減することも可能です。
②Webアプリケーションの高速化にも利用できますか?
→はい、Sharepoint や SAP のようなアプリケーションの高速化にもご利用いただけます。
③Flash や Silverlight をベースにしたWebサイトも高速化できますか?
→いいえ、残念ながらできません。
④動的なWebサイトでも高速化できますか?
→はい、動的でパーソナライズされたようなページでも高速化可能です。
⑤対象とするWebサイトの規模は?
→高速化を希望されるWebサイトであれば、世界最大規模のサイトまで対応可能なスケーラビリティがあります。
⑥冗長化構成は可能ですか?
→はい、可能です。
⑦HTTPS通信にも対応していますか?
→はい、証明書をサイト・オプティマイザーの設定画面からコピーいただくことで問題なく動作いたします。
⑧導入するためにコンテンツの改修は必要ですか?
→いいえ、必要ありません。
Confidential and Proprietary - CDN Solutions K.K. 21
4.おわりに
Confidential and Proprietary - CDN Solutions K.K.
サービス提供企業
22
■会社名 :CDNソリューションズ株式会社
■住所 :東京都港区赤坂8-4-14 青山タワープレイス6階
■設立 :2001年4月
■事業内容: (1) Webコンテンツの配信およびトラフィック管理サービス・ソリューション
(2) ストリーミングメディアの配信およびトラフィック管理サービス・ソリューション
(3) インターネットアプリケーションの配信およびトラフック管理サービス・ソリューション
(4) 上記サービス導入に関連するコンサルティングサービス
〈当資料ダウンロード者限定特典!〉
貴社WEBサイトの表示速度の 分析レポートを無料進呈! ※実際にどの程度の高速化が可能かレポートいたします
詳しくは下記までお問い合わせください! TEL: 03-6439-3710 FAX: 03-3478-3007
https://secure.cdn-sol.co.jp/inquiry/