WantedlyとNew Relicとサイト高速化

35
シゴトでココロオドル www.wantedly.com Yoshinori Kawasaki (@kawasy) New Relic Night @ EngineYard, 17-Oct-2013

description

WantedlyをNew Relicを見ながら高速化した話

Transcript of WantedlyとNew Relicとサイト高速化

Page 1: WantedlyとNew Relicとサイト高速化

シゴトでココロオドル

www.wantedly.com

Yoshinori Kawasaki (@kawasy)

New Relic Night @ EngineYard, 17-Oct-2013

Page 2: WantedlyとNew Relicとサイト高速化

自己紹介

Page 3: WantedlyとNew Relicとサイト高速化
Page 4: WantedlyとNew Relicとサイト高速化

https://www.wantedly.com/users/10599

[PR]

Wantedly内プロフィールをみてください

Page 5: WantedlyとNew Relicとサイト高速化

会社紹介

Page 6: WantedlyとNew Relicとサイト高速化
Page 7: WantedlyとNew Relicとサイト高速化

ウォンテッド株式会社から

ウォンテッドリー株式会社になります

Page 8: WantedlyとNew Relicとサイト高速化

https://www.wantedly.com/companies/wantedly

[PR]

Wantedly内会社ページをみてください

Page 9: WantedlyとNew Relicとサイト高速化

[PR]

メンバーは全員自社サービスを使って採用

dogfooding してます

Page 10: WantedlyとNew Relicとサイト高速化

WantedlyをNew Relicで高速化した話

Page 11: WantedlyとNew Relicとサイト高速化

AWSHeroku

Ruby on Rails Ruby

PostgreSQL

Backbone.js

使ってる技術

Chef Solo

Page 12: WantedlyとNew Relicとサイト高速化

半年前

Page 13: WantedlyとNew Relicとサイト高速化

先月

Page 14: WantedlyとNew Relicとサイト高速化

先月

デザイン変更の影響でめっちゃ遅くなった376 ms → 647 ms

Page 15: WantedlyとNew Relicとサイト高速化

先月

Page 16: WantedlyとNew Relicとサイト高速化

先月

発表までに高速化しよう勉強会ドリブン開発(BDD)

(パフォーマンスへの影響を考えて デザイン変更・リリースするのが本来)

Page 17: WantedlyとNew Relicとサイト高速化

今日

Page 18: WantedlyとNew Relicとサイト高速化

今日

今日のリリースで半年前の水準に戻った

376 ms → 647 ms → 396 ms

Page 19: WantedlyとNew Relicとサイト高速化

今日

社長も大喜び

Page 20: WantedlyとNew Relicとサイト高速化

今日

400 ms は一般的には速くないので今後も継続的に改善が必要

Page 21: WantedlyとNew Relicとサイト高速化

サイト全体平均より重要なページを測定・最適化する

Page 22: WantedlyとNew Relicとサイト高速化

Wantedlyの場合募集一覧と募集要項のページ

Page 23: WantedlyとNew Relicとサイト高速化

遅いtransactionは個別に分析

Page 24: WantedlyとNew Relicとサイト高速化

遅いtransactionは個別に分析

Page 25: WantedlyとNew Relicとサイト高速化

遅いtransactionは個別に分析

Page 26: WantedlyとNew Relicとサイト高速化

遅いtransactionは個別に分析

Page 27: WantedlyとNew Relicとサイト高速化

Page load timeでフロントエンド・パフォーマンス

の長期トレンドを把握

Page 28: WantedlyとNew Relicとサイト高速化

ただし全てrenderされるまでの時間と

ユーザの体感速度とは必ずしも一致しない

Page 29: WantedlyとNew Relicとサイト高速化

TTFB (Time to First Byte)TTI (Time to Interact)

AFT (Above the Fold Time)

などが最近は指標として注目されてる

Page 31: WantedlyとNew Relicとサイト高速化

おまけ

Page 32: WantedlyとNew Relicとサイト高速化

git push &

open pull requestgithub

github bot

development env

Jenkins CI

start a new build

notify build status

notify pull request

opening

update build status on a pull

request

Pull Request をつかったワークフロー

hipchat

Page 33: WantedlyとNew Relicとサイト高速化
Page 34: WantedlyとNew Relicとサイト高速化

サイトが遅くなってることをHipChatに通知すぐ気づける

Page 35: WantedlyとNew Relicとサイト高速化

ありがとうございました!