亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在客戶端加載js文件并使用js創建整個頁面在頁面加載方面是否良好

在客戶端加載js文件并使用js創建整個頁面在頁面加載方面是否良好

犯罪嫌疑人X 2023-07-29 15:39:45
我讀過,對 Web 資源(html、css、js)的多個 http 請求會導致網頁延遲加載。如果我們使用 js 在客戶端創建整個 html 和 css 會怎么樣?如果我有包含以下代碼的index.html:<html><head></head><body><script src='main.js'></script></body></html>main.js 包含類似以下內容:var d = document.createDocumentFragment();d.appendChild(para);var para = document.createElement("P");para.innerText = "This is a paragraph";document.body.appendChild(d);它會讓頁面加載更快嗎?
查看完整描述

1 回答

?
Helenr

TA貢獻1780條經驗 獲得超4個贊

簡短的回答也許是否定的。

為了顯示:

加載頁面所需的時間取決于許多因素的組合:

  • 請求數,這就是您所指的。

  • 要加載的總字節數,由 HTML 文件及其資源的大小決定。

  • 用戶的連接速度。

  • 用戶的本地資源(RAM 和 CPU)。

  • 還有很多...

在您的示例中,您編寫了大約170 個字符的 Javascript,實際上創建了一個<p>元素。

通過在 HTML 中<p>This is a paragraph</p>僅添加26 個字符的編寫也可以實現相同的結果。

HTML、CSS 和 JS 文件中的字符越多意味著文件的總大小越大,并且用戶的瀏覽器可能需要更多時間來加載它們。


話雖如此,優化網絡性能還有更多細微差別。減少請求數量可以減少加載時間,但重要的是要了解您的更改如何影響其他也會影響頁面性能的因素。


查看完整回答
反對 回復 2023-07-29
  • 1 回答
  • 0 關注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號