HTML頁面大小的問題，沒有DOM元素的增加

Question

最近我們重新設計我們的網頁之一，突然頁面已經從1MB增加到1.98MB。

我比較沒有DOM元素和它從1600提高到2300，我發現沒有元素的從下面的命令

document.getElementsByTagName('*').length 

我們做了負載測試，發現加載時間也從1.1上升到2秒。這是所有問題的原因。

我覺得上面的線不會考慮任何內嵌CSS和JS的權利，因爲它們不是DOM元素。

能否請你建議

Answer 1

運行的JavaScript可以操縱dom並創建會影響您計數的新節點。但是，它不應該使頁面在客戶端呈現時變慢。

我認爲你需要包括更多的信息，如果你希望得到一個更好的答案。你

還應該考慮瀏覽器插件（用於Firefox）如YSlow，或螢火蟲（網片），告訴你所有的文件被加載並能維持多久加載。

Answer 2

任何時候，你有更多的信息，渡線，這將需要更長的時間。因此，頁面中DOM元素越多，加載時間就越慢。我希望這可以回答你的問題，因爲我不確定你實際要問什麼。

Answer 3

不知道你重新設計到底是什麼，這是不可能知道什麼變化引起的增加。但即使是1MB的頁面也非常大。的JavaScript（特別是jQuery的）可以改變的DOM對象的數量......這樣考慮：

$('p').append('<span>Blah</span> <span>blah</span> <span>blah</span>'); 

將在頁面上添加3個DOM對象爲每個p標籤，但它（這可能是很多！）只會將71個字節添加到您的頁面。 jQuery可以類似地移除DOM對象。所以我不認爲DOM對象的數量真的很重要。