アセアン叠2颁奥别产サイトパフォーマンス改善への取り组み
- 2. ??紹介 栗原 由加? B2C/B2BWebサイト運?担当 – Webサイトコンテンツ更新 – CMS運? – インフラ運? 猫 ? 旅 グルメ ランニング 登? …来年名古屋ウィメンズマラソン出場します? 2
- 10. パフォーマンス改善で最も重要なこと “推測するな 計測せよ” 10 1. 計測ツールを?いて現状速度を計測 2. ボトルネック調査 3. ボトルネックに対する施策実施 4. 再度計測 ?効果有無をチェック ?ダメな時は「切り戻す」 様々な要因でパフォーマンスは?々変化 継続的に計測を続けることが重要
- 11. パフォーマンス改善コーディング 11 4139 ? 2091 ? 5734 ? 2763 ? Webページ描画処理を“軽く”する改善 同時にファイルサイズを?幅に圧縮 トップページ 下層ページ 改善前 改善後 改善前 改善後
- 12. インフラ/CMS 構成?直し 12 改善前 CMS（コンテンツマネジメントシステム） Webサイト アプリケーション データベース すべて同?サーバ上で稼働 エンドユーザーからの?量アクセス含め すべての機能を処理するのが単独サーバ1台のみ
- 13. インフラ/CMS 構成?直し 13 CMS（コンテンツマネジメントシステム） Webサイト アプリケーション データベース ４つのサーバに完全分離 フロントにWAF+CDNを適? 改善後
- 14. Webサイト運?体制の?直しと画像圧縮周知徹底 14 現地Web制作ベンダーに運?を“丸投げ” Webサイト アプリケーション インフラ すべてブラックボックス状態 改善前 改善後 関連メンバー?丸となってパフォーマンス改善に取り組む Webサイト アプリケーション インフラ 弊社が責任もって運?管理
- 16. 16 JavaScriptの読み込み順番の変更 Script 1 Script 1 Script 2 Script 2 Script 1 Script 2 Script 1 Script 2 Script 3 Script 3 Script 3 Script 3 Script execution Script loaded Rendering DOMContentLoaded finish finish (times) (times) 改善前 改善後