使用靜態HTML或靜態DOM Javascript設計頁面？

Question

今天我有一個問題。 加載從靜態html示例設計的網頁更快：

<html>
   <head>
      <title>Web page</title>
   </head>
   <body>
      <p>Hi community</p>
   </body>
</html>

還是通過帶有DOM的靜態Javascript？ 帶有document.createElement（“ ...”）的示例

Answer 1

直接提供HTML將會是一種更快的方法，因為您的瀏覽器只需要呈現元素，而不需要操縱dom :)

Answer 2

統計地填充HTML比通過javascript填充要快得多。

因此，如果您具有使用javascript進行靜態html加載的功能，則頁面呈現將是開銷。

Answer 3

發送靜態html的速度更快，因為客戶端不必執行js。 即使谷歌現在可以執行js，發送完整的HTML對搜索引擎也更好。

頁面加載后，您仍然可以使用js在DOM中添加元素

Answer 4

就像其他人所說的那樣，輸出靜態HTML總是比使用Javascript / JQuery動態生成HTML更快。 但是，有時無法直接提供內容，並且動態生成HTML是唯一的選擇。 在這種情況下，我已經處理了一些應用程序。 通常，請盡可能生成靜態HTML。