20141115_node_school_festival_lt
Download as PPTX, PDF4 likes1,792 views
![さらに
[悲報]実質の開発期間は２週間
になりました](https://image.slidesharecdn.com/20141115nodeschoolfestivallt-141115023552-conversion-gate01/85/20141115_node_school_festival_lt-14-320.jpg)
20141115_node_school_festival_lt
- 2. 自己紹介 ＠zuqqhi2 • EC系企業広告エンジニア(3年目) • 好きなこと：観葉植物を愛でる @Jimisky • EC系企業広告エンジニア(2年目) • 好きなこと：食べること
- 4. 背景
- 8. スピード改善前の広告パーツ • CSS:約4000行 • JavaScript:いっぱい • リクエスト数：34 / 1 display • データ転送量:1MB / 1 display • MAX5000QPSくらい え、私の広告リッチすぎ・・・？
- 9. 表示スピード改善計画 1. 直列で呼んでいる複数APIの一本化 2. APIのレスポンスをKVSにキャッシュ 3. ロジック部分をバックエンド化 4. PaaS化してスケール可能に Browser ← → API API API API Browser ← → API API K V S API API API
- 10. 表示スピード改善計画 1. 直列で呼んでいる複数APIの一本化 2. APIのレスポンスをKVSにキャッシュ 3. ロジック部分をバックエンド化 4. PaaS化してスケール可能に Browser ← → API API API API Browser ← → API API K V S API API API ここをNode.jsで！
- 11. But… しかし…
- 16. 結果
- 19. 結果 • PaaSのインスタンス1台で7QPS • 絶えず自壊するインスタンス • ユーザー間でレスポンスが混線…？ （グローバル変数の削除漏れ）
- 22. バトンタッチ
- 23. 得られた教訓（一部） 1. child_process.exec以外の方法を使うべし 2. C/C++ベースのライブラリを積極的に使うべし 3. よく使用するデータはローカルメモリにのせて使うべし 4. チューニングは勘に頼らずダンプを使うべし
- 31. 1.child_process.exec 広告配信サーバ APIサーバ child_process.exec(‘curl’) 通信方法 1通信あたりの速度(ms) child_process.exec(‘curl’) 50ms httpモジュール 30ms
- 33. 2.ライブラリ • 巨大オブジェクトのclone – node-clone • 巨大XMLの解析 – Jquery • Redisクライアント – node_redis
- 34. 2.ライブラリ • 巨大オブジェクトのclone – node-clone 10ms – node-v8-clone 1ms • 巨大XMLの解析 – jquery 250ms – node-expat 1ms • Redisクライアント – node_redis 10ms – hiredis-node 7ms
- 35. 2.ライブラリ • 巨大オブジェクトのclone – node-clone 10ms – node-v8-clone 1ms • 巨大XMLの解析 – jquery 250ms – node-expat 1ms • Redisクライアント – node_redis 10ms – hiredis-node 7ms 教訓2：C/C++ベースのライブラリを積極的に使うべし
- 39. 3.ローカルオンメモリ 広告配信サーバ Redis Cluster ②加工済み 広告情報 メモリ ①加工済み 広告情報 メモリ使用量が一定値を超えたら 利用回数が少ないデータを削除 ストレージ 1通信あたりの速度(ms) Redis 7ms ローカルオンメモリ 1ms
- 41. 4.CPU/Heapダンプ • CPUダンプ – nodegrind • 指定した期間内のCPUの状態をダンプする • Chromeの開発者ツールで結果を確認できる • Heapダンプ – heapdump • ダンプ取得関数を実行した時点でのHeap状態をダンプする • Chromeの開発者ツールで結果を確認できる
- 44. 4.CPU/Heapダンプ • CPUダンプ – nodegrind • 指定した期間内のCPUの状態をダンプする • Chromeの開発者ツールで結果を確認できる • Heapダンプ – heapdump • ダンプ取得関数を実行した時点でのHeap状態をダンプする • Chromeの開発者ツールで結果を確認できる 教訓4：チューニングは勘に頼らずダンプを使うべし
- 45. 得られた教訓再掲 1. child_process.exec以外の方法を使うべし 2. C/C++ベースのライブラリを積極的に使うべし 3. よく使用するデータはローカルメモリにのせて使うべし 4. チューニングは勘に頼らずダンプを使うべし
- 46. 得られた教訓再掲 1. child_process.exec以外の方法を使うべし 2. C/C++ベースのライブラリを積極的に使うべし 3. よく使用するデータはローカルメモリにのせて使うべし 4. チューニングは勘に頼らずダンプを使うべし ５．安請け合いしないようにしよう！！
- 47. 成果 • １インスタンスごとのQPS – 初期バージョン 7 – 最終バージョン 350 • 広告表示速度 – 約30～60% UP • 広告のクリック率 – 約15% UP
- 49. ご静聴ありがとうございました