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