더 나은가? html로 요소의 가시성 속성 또는 표시 속성?

Question

나는 큰 데이터를 div.log로 묶었 다. 로그의 우선 순위는 자바 스크립트를 사용하여 보이거나 보이지 않게 만들 것이다. 하지만 내 질문에 어떤 속성, 여부 가시성 또는 표시 아무도 페이지의 빠른 로딩을위한 더 나은 무엇입니까?

Answer 1

속성 표시 여부와 표시가 동일하지 않습니다.

표시 여부는 요소를 숨기지 만 계속해서 페이지 레이아웃에 영향을줍니다.

디스플레이는 요소를 숨기며 레이아웃에 영향을 미치지 않습니다.

속도면에서 차이는 무시할 수 있습니다. 따라서 사이트의 유용성에 어떤 영향을 주는지 집중해야합니다.

Answer 2

의 차이는 단지 그것을 볼 그나마 그것이 당신을 표시된 것처럼 가시성 이 요소의 공간을 유지, 디스플레이 아무도 당신이 아직 차지합니다 물체가 보이지 않게 때 모든

Answer 3

에 표시 아니에요 의미 즉 공간 레이아웃. 그러나 표시를 없음으로 설정하면 레이아웃에서 숨기거나 무시됩니다.

Answer 4

display:none가 약간 더 빨라야하지만 브라우저가 페이지의 흐름에 해당 요소를 맞추기 위해 계산을 수행 할 필요가 없으므로 사실 이것은 많은로드 후 변경을 수행하는 경우에만 해당됩니다 자바 스크립트를 사용하여 요소의 너비/높이를 지정합니다.