javascript - 是有一个包含少量 JS 的大网页更好，还是有一个带有一些 JS 生成内容的小网页更好？

Question

我有一个带有很多对话框的网页，它们的标题和内容的一小部分彼此不同。

在渲染速度方面（我不关心兼容性问题），我应该把所有的对话框都放在 HTML 代码中（实际上是 Twig 模板）吗？
或者我应该只放置一个对话框并使用 JavaScript 动态编辑他的标题和他的内容，这取决于用户点击了哪个按钮？

换句话说，拥有一个大网页（大小）还是一个较小的网页但使用 JS 生成部分内容更好？

Answer 1

就加载时的文档准备情况而言，通常最好将所有对话框都放在 HTML 中；你可以很好地压缩 HTML，gzip所以不要太担心它。您可以利用Last-Modified和ETag管理内容缓存以进一步减少网络流量。

当搜索引擎抓取您的网站时，在 HTML 中包含对话框可能会带来一些 SEO 好处。

另一方面是一个纯 HTML 页面（小），其中所有对话框内容都是使用 JavaScript 动态加载的。我觉得使用 JavaScript 动态构建表单并不是特别方便，所以我通常会实现一个组件加载器系统，一次加载 HTML、CSS 和 JS；这样我就可以使用我最喜欢的编辑器来维护 HTML。如果您管理好外观，用户将不会注意到太多负载。

也许你可以选择中间的东西；常用的对话框位于 HTML 中，而较少使用的对话框则按需加载。最后，一切都与用户体验有关，即他们如何看待您网站的速度。