display:none means that the element isn\'t rendered as part of the DOM, so it\'s not loaded until the display property changes to something else.
display:none
Visibility:hidden just make the element invisible but it is loaded in DOM so it consumes load time. But Display:none does not load the element.
Visibility:hidden
Display:none