THECOO株式会社 / 開発
フロントエンドのパフォーマンス改善
webではライブ配信をする機能を提供している。サービスのスケールが大きくなるにつれて、ライブ配信では多くのパフォーマンス問題が起きるようになった。そのうちの一つとして、ライブ配信中に大量のコメントが投稿されるとwebページが固まるという症状があった。 この問題の原因はどこにあるのか、dev toolのperformanceタブで解析した。結果、コメントをレンダリングするためのjsの処理が重かったことがわかった。その処理を軽くするため不必要なDOMコンポーネントを削減したり、表示できるコメント数を1秒間に制限することで、パフォーマンスを向上させた。