犯罪嫌疑人X
2023-07-29 15:39:45
我讀過(guò),對(duì) Web 資源(html、css、js)的多個(gè) http 請(qǐng)求會(huì)導(dǎo)致網(wǎng)頁(yè)延遲加載。如果我們使用 js 在客戶端創(chuàng)建整個(gè) html 和 css 會(huì)怎么樣?如果我有包含以下代碼的index.html:<html><head></head><body><script src='main.js'></script></body></html>main.js 包含類(lèi)似以下內(nèi)容:var d = document.createDocumentFragment();d.appendChild(para);var para = document.createElement("P");para.innerText = "This is a paragraph";document.body.appendChild(d);它會(huì)讓頁(yè)面加載更快嗎?
1 回答

Helenr
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊
簡(jiǎn)短的回答也許是否定的。
為了顯示:
加載頁(yè)面所需的時(shí)間取決于許多因素的組合:
請(qǐng)求數(shù),這就是您所指的。
要加載的總字節(jié)數(shù),由 HTML 文件及其資源的大小決定。
用戶的連接速度。
用戶的本地資源(RAM 和 CPU)。
還有很多...
在您的示例中,您編寫(xiě)了大約170 個(gè)字符的 Javascript,實(shí)際上創(chuàng)建了一個(gè)<p>
元素。
通過(guò)在 HTML 中<p>This is a paragraph</p>
僅添加26 個(gè)字符的編寫(xiě)也可以實(shí)現(xiàn)相同的結(jié)果。
HTML、CSS 和 JS 文件中的字符越多意味著文件的總大小越大,并且用戶的瀏覽器可能需要更多時(shí)間來(lái)加載它們。
話雖如此,優(yōu)化網(wǎng)絡(luò)性能還有更多細(xì)微差別。減少請(qǐng)求數(shù)量可以減少加載時(shí)間,但重要的是要了解您的更改如何影響其他也會(huì)影響頁(yè)面性能的因素。
添加回答
舉報(bào)
0/150
提交
取消