div的隱藏佔用空間位置關係

display:none和visibility:hidden都是把網頁上某個元素藏起來的功能，但兩者有所區別，經過親自實驗，我發現使用visibility:hidden屬性會使物件不可見，但該物件在網頁所佔的空間沒有改變（看不見但摸得到），等於留出了一塊空白區域，而display:none屬性會使這個物件完全消失（看不見也摸不到）。
」這樣的解釋。
但是我覺得並不夠，所以就想了一下關於他的一個加載問題。
有屬性display:none;的結構在加載頁面時，是否會同時加載呢？或者則是當他變成display:block;的時候才載入的呢？ ？因為他的值為hidden的時候，它所佔的空間還在。