拥有一个包含少量JS的大型网页或拥有一些带有一些JS生成内容的小网页会更好吗？

Question

我有一个网页，其中包含许多对话框，这些对话框的标题和内容的一小部分彼此不同。

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

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

Answer 1

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

在搜索引擎刮取您的网站时，在HTML中使用对话框可能会有一些SEO优势。

另一方面是一个裸HTML页面（小），所有对话框内容都是使用JavaScript动态加载的。我发现使用JavaScript动态构造表单并不是特别方便，因此我通常实现一个加载HTML，CSS和JS的组件加载器系统;这样我就可以使用自己喜欢的编辑器来维护HTML。如果您很好地管理外观，用户将不会注意到负载。

也许你可以在中间寻找一些东西;经常使用的对话框在HTML内部，而较少使用的对话框按需加载。最后，它是关于用户体验，他们如何感知您网站的速度。