2016.05.17 AbemaTVのランタイムパフォーマンスのAudit 最近業務で、巷で話題のAbemaTVのパフォーマンス改善をしている。個別具体性が高いが調査改善の雰囲気を感じ取ってもらえればそれで良いかと思い、記事にした。 AbemaTVのフロントエンドの構成 話の前提となるAbemaTVのフロントエンドの構成は次の通りで、まさに流行りのといった感じ。 facebook/react facebook/immutable-js Reactive-Extensions/RxJS reactjs/react-router css-modules/css-modules ビルド周りはbabelとwebpack、あとはlintツールがちょこちょこ入ったりしている。この改善の話と関係してくるのは、ReactとImmutableJSとRxJSだけ。 番組再生画面のコメント開閉が重い 今回ケース
![AbemaTVのランタイムパフォーマンスのAudit - 1000ch.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/86050c0a7d629abde59a6b9223620bbd0bc13a03/height=288;version=1;width=512/https%3A%2F%2F1000ch.net%2Fimg%2Fposts%2F2016%2Fabematv-runtime-perf-audit%2Ftimeline.png)