沖縄・ウェブデザイン・アソシエーション 第三回勉強会資料

1. 爆速 Web への道
SYON Communications
米須 渉
1

2. 1. 自己紹介
• SYON Communications
• Network 部 Manager 自称 Engineer
• JAWS-UG 沖縄会長
• 好きな AWS サービス
「 CloudFront 」
• Twitter:@asumaslv
2 SYON Communications, Co.

3. 2. AWS とは
• Amazon が提供するクラウドサービス
3 SYON Communications, Co.

4. 3. 個人でも利用出来て楽しめる
• Enterprise と同
じような環境が
用意できる
• 200PV/ 日でも
数万 PV/ 日の
環境を格安で
作れる
• $120/ 月ぐらでた
っぷり遊べる
4 SYON Communications, Co.

5. 4. Web サイトを高速化する 5 大原
則
• 画像の最適化、サイズも記述しましょう
めんどくせーーーよ
• HTTP リクエストは極力減らしましょう
• CSS セレクターは短めに
• CSS や JavaScript は考えて記述
• Tool を使ってボトルネック解消
5 SYON Communications, Co.

6. 5. CDN を使いましょう
• Contents Delivery Network を利用
• Web コンテンツをインターネット経由
で配信するために最適化されたネットワ
ークのことである。
• Akamai Technology が有名
6 SYON Communications, Co.

7. 6. CloudFront を使おう
• AWS の CDN サービスが CloudFront
• 即利用可能 & 使った分だけの料金
• エッジロケーションは 38 カ所 (2012 年 12 月現在 )
• 先月の使用料金 $200
• CloudFront$0.46
• ほとんど誤差範囲
7 SYON Communications, Co.

8. 7. CloudFront を使ってみた
• Merit
• DNS の設定変更のみで可能
• Demerit
• Cache Control が必要
8 SYON Communications, Co.

9. 8. 速度結果 (From California)
この数値を皆さんどう見ますか ?
1.5 秒しか ?1.5 秒も ?
23%/1.5 秒
高速化
9 SYON Communications, Co.

10. 9. まとめ
• 楽に高速化が可能
• AWS を利用して楽をしましょう
10 SYON Communications, Co.

11. 11. AWS へのお布施金額 2012 版
( 個人 )
11 SYON Communications, Co.

12. 〜 Fin 〜