ウェブパフォーマンスなぜ読み込み速度改善に投資すべきなのか

The performance business pitch / Stoyan's phpied.com

Bing.com

遅いサイト = 収益低下

1秒 = 2.8％ 低下

2秒 = 4.3％ 低下-5.00

-4.00

-3.00

-2.00

-1.00

0

50 200 500 1000 2000

Perc

ent

chan

ge

Added delay

Queries per Visitor Query refinementRevenue per visitor Any clicksSatisfaction

Source: Microsoft Bing data from Velocity’09

Google

• Search/user decrease by 0.44%• Dropped to 0.74% after six weeks• User did 0.21% fewer searches, even after

we stopped injecting the delay

Slowing down search

• 遅延が長引けばさらに悪化

• 実験終了後も悪影響は持続

0.4 秒遅くなればフルページトラフィックが5-9% 減少する

Yahoo!

AOL

遅いページはトラフィックを減少させる

234566789

10th 20th 30th 40th 50th 60th 70th 80th 90th 100th

Visit Load Time Percentile*

Average Page Views per Visit

*10th is fastest 10% of the visit sample, 100th is slowest 10%

6秒から1.2秒に改善した結果

Shopzilla

• Conversion Rate• Page View’s• US SEM Sessions• Bizrate.co.uk SEM Sessions• Infrastructure Required (US)• Availability• Product Velocity• Release Cost

Performance Summary+7% - 12%+25%+8%+120%-50% (202 vs 402 nodes)

99.71% → 99.94%+225%$1,000’s → $80

Shopzilla

• どんなに小さな改善も大切

• クッキーの削減 = 0.5%の収益増加

HTTP圧縮後、転送量が43%減少

Netflix

・再訪問数の増加・セッション当たりPV数の増加・コンバージョン率の改善・収益増加・顧客満足度の向上・インフラコスト・帯域幅の節約・（有料）検索経由のトラフィック増加

高速サイトの効果

どこに着目すべきか？

例：アシュトン・カッチャーのTwiiter

ファーストビュー（キャッシュが空の状態）

10% 90%

リピートビュー（フルキャッシュの状態）

38% 62%

・フロントエンドに集中しなさい

・そこで時間が経過している

・改善は容易だ!!!!!!

どこに着目すべきか？

Thanks!

Google,Bing:h-p://en.oreilly.com/velocity2009/public/schedule/detail/8523

Shopzilla:h-p://en.oreilly.com/velocity2009/public/schedule/detail/7709

NeFlix:h-p://en.oreilly.com/velocity2008/public/schedule/detail/3632

AOL:h-p://en.oreilly.com/velocity2009/public/schedule/detail/7579

Yahoo!:h-p://www.slideshare.net/stoyan/yslow‐20‐presentaPon

Binggraphic:h-p://www.watchingwebsites.com/..improves‐online‐business

SteveSouders:h-p://stevesouders.com

StoyanStefanov:h-p://phpied.com

Sponsoredsearchandspeed:h-p://adwords....answer.py?hl=en&answer=87144

URLs

h-p://www.flickr.com/photos/erokcom/2255972175/

h-p://www.flickr.com/photos/erokcom/2255977349/

h-p://www.flickr.com/photos/erokcom/2256780178/

h-p://www.flickr.com/photos/erokcom/2253521650/

h-p://www.flickr.com/photos/irfan9727/3555580389/

Credits