はてなブックマーク - Don't attach tooltips to document.body https://b.hatena.ne.jp/entry/s/atfzl.com/don-t-attach-tooltips-to-document-body/ 09 Mar, 2021 TL;DRInstead of attaching tooltips directly to document.body, attach them to a predefined div in document.body. BAD <body> <!-- temporary div, vanishes when tooltips vanishes --> <div>... tjmschk https://b.hatena.ne.jp/tjmschk/20230105#bookmark-4706730473659231714 2023-01-05T04:00:47Z javascript パフォーマンス yosuke_furukawa https://b.hatena.ne.jp/yosuke_furukawa/20210921#bookmark-4706730473659231714 document.body にツールチップを付与したりすると、 reflow が起きて計算が遅くなる、だからそういう事をやるなよというのをframe graphを交えて解説している。 2021-09-21T05:33:23Z kyaido https://b.hatena.ne.jp/kyaido/20210902#bookmark-4706730473659231714 2021-09-02T14:07:52Z Pasta-K https://b.hatena.ne.jp/Pasta-K/20210826#bookmark-4706730473659231714 2021-08-26T01:29:40Z emonkak https://b.hatena.ne.jp/emonkak/20210823#bookmark-4706730473659231714 2021-08-23T10:36:43Z javascript performance mkusaka https://b.hatena.ne.jp/mkusaka/20210821#bookmark-4706730473659231714 2021-08-21T07:36:08Z sh4 https://b.hatena.ne.jp/sh4/20210821#bookmark-4706730473659231714 2021-08-21T07:15:26Z jay-es https://b.hatena.ne.jp/jay-es/20210819#bookmark-4706730473659231714 2021-08-19T13:26:15Z performance HTML hbKOT https://b.hatena.ne.jp/hbKOT/20210817#bookmark-4706730473659231714 2021-08-17T03:17:51Z performance browser cucumisin https://b.hatena.ne.jp/cucumisin/20210817#bookmark-4706730473659231714 2021-08-17T02:37:29Z あとで読む JavaScript パフォーマンス knjname https://b.hatena.ne.jp/knjname/20210817#bookmark-4706730473659231714 2021-08-16T23:45:52Z kkeisuke https://b.hatena.ne.jp/kkeisuke/20210816#bookmark-4706730473659231714 2021-08-16T14:06:55Z efcl https://b.hatena.ne.jp/efcl/20210816#bookmark-4706730473659231714 `document.body`直下にツールチップ表示用の要素を追加すると、多くの要素のスタイル更新処理が行われパフォーマンスの問題となった話。 どのようにレイアウト計算の影響を確認したか、ツールチップを表示用の要素をラッ 2021-08-16T13:52:54Z JavaScript DOM CSS performance article threeMonths https://b.hatena.ne.jp/threeMonths/20210811#bookmark-4706730473659231714 2021-08-11T00:18:02Z snowcrush https://b.hatena.ne.jp/snowcrush/20210811#bookmark-4706730473659231714 2021-08-11T00:08:13Z