要素の表示非表示は visibility:hidden の方が display:none よりも高速 - Qiita

はじめに ACCESS Advent Calendar 2019 の25日目最終日です。 初めまして、今年一番ハマったソシャゲはドラクエウォークの @naohikowatanabe です。 HTML 的要素の表示非表示の基本 一般的には HTML 的に要素の表示非表示を行う際、以下のように言われます。 ・要素の非表示は display:none か visibility:hidden で実現出来る ・visibility:hidden は「見えない＋要素自体は存在する」 ・display:none は「見えない＋要素自体無し」 ・visibility:hidden の方が要素の削除が無いので高速 本記事ではどの程度速度に差があるのか、を見ていきます。 ＃組込ブラウザのお仕事をやっているとお客さんからこの質問が非常に多い。。 ＃なのでまとめてしまう。 測定 display:none と vi