我有一个带有很多对话框的网页,它们的标题和内容的一小部分彼此不同。
在渲染速度方面(我不关心兼容性问题),我应该把所有的对话框都放在 HTML 代码中(实际上是 Twig 模板)吗?
或者我应该只放置一个对话框并使用 JavaScript 动态编辑他的标题和他的内容,这取决于用户点击了哪个按钮?
换句话说,拥有一个大网页(大小)还是一个较小的网页但使用 JS 生成部分内容更好?
我有一个带有很多对话框的网页,它们的标题和内容的一小部分彼此不同。
在渲染速度方面(我不关心兼容性问题),我应该把所有的对话框都放在 HTML 代码中(实际上是 Twig 模板)吗?
或者我应该只放置一个对话框并使用 JavaScript 动态编辑他的标题和他的内容,这取决于用户点击了哪个按钮?
换句话说,拥有一个大网页(大小)还是一个较小的网页但使用 JS 生成部分内容更好?
就加载时的文档准备情况而言,通常最好将所有对话框都放在 HTML 中;你可以很好地压缩 HTML,gzip
所以不要太担心它。您可以利用Last-Modified
和ETag
管理内容缓存以进一步减少网络流量。
当搜索引擎抓取您的网站时,在 HTML 中包含对话框可能会带来一些 SEO 好处。
另一方面是一个纯 HTML 页面(小),其中所有对话框内容都是使用 JavaScript 动态加载的。我觉得使用 JavaScript 动态构建表单并不是特别方便,所以我通常会实现一个组件加载器系统,一次加载 HTML、CSS 和 JS;这样我就可以使用我最喜欢的编辑器来维护 HTML。如果您管理好外观,用户将不会注意到太多负载。
也许你可以选择中间的东西;常用的对话框位于 HTML 中,而较少使用的对话框则按需加载。最后,一切都与用户体验有关,即他们如何看待您网站的速度。