ブラウザにおけるメモリリークを解決するために読んでおけると良い資料 - mizdra's blog

最近趣味や仕事の Web アプリケーションでメモリリークに遭遇して、頑張ってメモリリークの原因を突き止めて修正する、ということがあった。その過程でメモリリークについて色々調べて知見が溜まったので、学習資料の紹介という形でアウトプットしてみる *1。 前置き 紹介する記事がかなり偏っていることに注意 冒頭で触れたメモリリークを解決するために読んだ記事をまとめただけなので、内容にそれなりの偏りがある 例えば id:mizdra が遭遇したメモリリークは全てブラウザ上で発生していたものだったので、これから紹介する内容も主にブラウザにおけるメモリリークに焦点を当てたものになる GC がどうメモリをどう解放しているか、何故メモリリークが発生するのかは全てカット 調べれば色々な記事が出てくるので、必要に応じて読んでください 基本的な知識を抑える まずメモリリークとメモリ撹拌の違いを学ぼう どちらも同じ

[send]

JSエンジンとレンダリングエンジンで GC が分かれてるという認識はしてなかった。考えてみれば当たり前のことなんだけど。

[hirose504]

“メモリ撹拌 (メモリリークとは違う!) 、頻繁に GC が発生することで GC によるメインスレッドの停止が発生するので、常に 60fps 維持したいゲームなどでは問題になる”

[seal2501]

今まさにぶち当たってるから助かる

[ryunosinfx]

うほ！でもFirefox版もほしいにゃー

[yarumato]

“メモリリークとメモリ撹拌の違いを学ぼう 　メモリ問題の特定方法を学ぼう　メモリ使用量を測定するAPIにperformance.memoryは使い物にならない V8 チームが出している記事を読むのがオススメ”

[KoshianX]

むー、このへんもちゃんと読んでおいたほうがいいんだろうな……

[propel]

“https://v8.dev/features/weak-references WeakRef / FinalizationRegistry を使うと特定のメモリリークを解決できるケースがあるよ、という話 https://web.dev/monitor-total-page-memory-usage/ メモリ使用量を測定する API にperformance.memoryというものがある

[namisk]

JavaScriptのGCのことあまり気にしたことないけど何も知らなすぎると問題にぶつかった時に困るからな。

[knok]

「常に 60fps 維持したいゲームなどでは問題になる」ガイアブレーカーのことか