html - 画面外の html 要素が引き続きブラウザによってレンダリングされる

Question

body タグをブラウザ ウィンドウ全体に配置し、画面と呼ぶ div 要素のコレクションを配置します。一度に表示される画面は 1 つだけで、 body タグが埋められ、他の画面はブラウザのビュー ポートの端から離れています。display:none;それらをレンダリングする作業を行っているブラウザーを保存するためにそれらを設定する必要があるかどうかを知りたいです。それとも、ブラウザは、それらが画面から外れていることをすでに認識しており、再び表示されるまでそのままにしておきますか?

Answer 1

リンクは、display:none要素がレンダリング ツリーに挿入されないことを示しているため、オフスクリーン要素を に設定することでパフォーマンスが向上する可能性がありますdisplay:none。