秒の違いで12 webサイトのページ 表示速度の重要性とその原因 ·...

22
CDNソリューションズ株式会社 東京都港区赤坂8-4-14 青山タワープレイス6F ((03) 6439-3710 FAX(03) 3478-3007 5秒の違いで12%も売上が向上!WEBサイトのページ 表示速度の重要性とその原因 特典つき! 貴社WEBサイトの表示速度の 分析レポートを無料進呈! 詳しくはお問い合わせください!

Upload: others

Post on 11-Nov-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

CDNソリューションズ株式会社 東京都港区赤坂8-4-14 青山タワープレイス6F (:(03) 6439-3710 FAX: (03) 3478-3007

5秒の違いで12%も売上が向上!WEBサイトのページ表示速度の重要性とその原因

特典つき!

貴社WEBサイトの表示速度の

分析レポートを無料進呈!

詳しくはお問い合わせください!

Page 2: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 2

当資料について

WEBサイトの改善や収益向上施策として、アクセス解析・LPO・EFOなど様々なサービスが提供されていますが、場合によってはこれら施策以上の効果を発揮するサービスがあります。 それが「ページ表示速度向上サービス」です。わずか0コンマ何秒という速度向上でも、売上を数%向上させることが可能です。 当資料では、WEBサイトのページ表示速度の重要性を示した上で、ページ表示速度が遅くなる原因を分析。 その後この原因を解決し、WEBサイトのページ表示速度を向上させるサービスである「サイト・オプティマイザー」についてご紹介をします。 既存の施策では効果が出ないという方、是非一度ご覧いただければ幸いです。

Page 3: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 3

1.ページ表示速度について

Page 4: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 4

0.4秒ページ表示速度が向上すると、 9%トラフィックが増加する。

ページ表示速度の重要性

0.1秒ページ表示速度が向上すると、 1%以上売上が向上する。

5秒ページ表示速度が向上すると、 12%売上が向上し、 25%ページビューが増加する。

2秒ページ表示速度が向上すると、 1ユーザあたり5%収益が改善される。

Page 5: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

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 ユーザーの求めるページ表示速度は年々短くなっています

Page 6: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

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数 コンバージョン 顧客満足度

•売上損失

•ブランドイメージ低下

•問合せ数の減少

•コストの増加

を招きます。

Page 7: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 7

ページサイズとオブジェクト数

平均ページサイズとオブジェクト数の推移

平均ページサイズ(KB)

平均オブジェクト数

ページサイズ、オブジェクト数共に飛躍的に増加しています。

Page 8: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

ページ表示の一般的なプロセス(ウォーターフォールの例)

8

HTMLダウンロード

1.9秒 (ここから描画開始)

9.5秒 (ページ表示完了時間)

769KB(1ページのサイズ)

ラウンドトリップ数 : 63回

レンダリング開始時間 : 1.9秒

ページ表示時間 : 9.5秒

ページサイズ : 769KB

63行程 (ページ表示完了までの工程数)

Page 9: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

表示速度の遅いWebサイトの主な特徴

9

① 1ページあたりのオブジェクト数が多い ② ページサイズが大きい ③ HTMLが複雑 ④ 画像が最適化されていない ⑤ CSS、JavaScript が最適化されていない ⑥ ローカルキャッシュを有効活用させてない ⑦ 外部コンテンツ(Facebookなど)の呼び出しが多い

⑧ etc

Page 10: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 10

2.ページ表示の問題点を解決する

「サイト・オプティマイザー」とは

Page 11: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 11

サイト・オプティマイザーとは

『e-bay』、『VISA』など、

有名企業様が多数導入!

サイト・オプティマイザーは、お客様側でのコードの書き換えを一切することなく、

自動的にWebページ、Webアプリケーションを最適化し、ページの表示速度を飛躍的に高速化するソフトウェアです。

Webサーバとエンドユーザの間でProxyとして動作し、各ブラウザ毎に最適化処理を行います。

Page 12: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

サイト・オプティマイザー機能概要

12

ブラウザ毎の

最適化

オフライン・コンパイラー

インライン・リライター

HTMLの最適化

リソース最適化

リソース最適化 HTML最適化 テンプレート化

サーバー

オフライン・コンパイラーで作成された適切な最適化テンプレートを使用して最適化処理を実行することで、ブラウザ毎に最適化されたページを配信します。

各Webページの構成要素を分析し、そのページを各ブラウザに対して最適化するためのルールを作成します。

Page 13: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

サイト・オプティマイザーの導入メリット

13

1.顧客満足度、PV数の向上

2.売上、コンバージョン率UP

3.回線コスト削減

4.開発リソース効率化

WEBサイト運営における

収益の向上・改善

Page 14: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 14

3.サイト・オプティマイザーの効果 (主な機能のご紹介)

Page 15: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

レンダリング高速化

15

ブラウザがページのレンダリング(描画)を実行するタイミングを最適化し、表示時間を高速化させます。レンダリング開始時には画質の低いイメージを表示させておき、徐々に画質の高い画像を表示させることも可能です。

(例)

通常

3.5秒

描画開始前

1.7秒

サイト・オプティマイザーON

描画開始前

Page 16: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

ラウンドトリップ数の削減

16

ラウンドトリップは簡単に言うとクライアントとサーバー間の通信回数で、回数が多い程ページの表示時間を要します。

サイト・オプティマイザーは、複数のCSS、JavaScript、イメージファイルをパッケージ化することでラウンドトリップの削減を実現します。また、ユーザの再訪問についてはローカルキャッシュを有効活用することで、更にラウンドトリップを削減します。

(例) 通常 サイト・オプティマイザーON

(初回訪問時) サイト・オプティマイザーON

(再訪問時)

215回 135回 5回

Page 17: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

ページサイズの削減

17

デザインや機能に凝ったWebサイトはページサイズが大きくなるためダウンロードに時間がかかり、ページの表示が遅延する場合があります。

サイト・オプティマイザーは、HTML,CSS,画像ファイルを圧縮し、また効率よくローカ

ルキャッシュを利用させる事により、ダウンロードするページサイズの削減を実現します。

(例)

5,800KB 3,100KB

通常 サイト・オプティマイザーON

Page 18: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

外部コンテンツ対応

18

Facebook や Twitter のような外部コンテンツを表示させている場合、外部コンテンツのダウンロード遅延が発生すると、ページの表示自体が大幅に遅延する場合があります。

サイトオプティマイザーではこれらのコンテンツの読み込みを後回しにし、ページ全体の表示に影響が出ないようにすることが可能です。

(例)

通常

外部コンテンツの

ダウロード遅延

30秒でページ表示が完了 5秒(ここで一旦ページ表示を完了)

外部コンテンツはページ表示後に

バックグラウンドでダウンロード

サイト・オプティマイザーON

Page 19: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K.

まとめ(表示スピードの高速化)

19

通常のページ表示 サイト・オプティマイザーON

ページ表示速度高速化例

16.1 秒

5.7 秒

表示時間を約65%削減!!

Page 20: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

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通信にも対応していますか?

→はい、証明書をサイト・オプティマイザーの設定画面からコピーいただくことで問題なく動作いたします。

⑧導入するためにコンテンツの改修は必要ですか?

→いいえ、必要ありません。

Page 21: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

Confidential and Proprietary - CDN Solutions K.K. 21

4.おわりに

Page 22: 秒の違いで12 WEBサイトのページ 表示速度の重要性とその原因 · ページ表示の一般的なプロセス(ウォーターフォールの例) ... (ページ表示完了までの工程数)

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/