最好有一个包含少量JS的大网页，或者有一个包含一些JS生成内容的小网页

Is is better to have a big web page with a small amount of JS, or to have a small web page with some JS-generated content?

本文关键字：JS 网页有一个包含一或者包含少更新时间：2023-09-26

我有一个网页，里面有很多对话框，这些对话框在标题和一小部分内容上彼此不同。

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

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

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

在HTML中拥有对话框可能会有一些SEO的好处，因为搜索引擎会抓取您的网站。

另一方面

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

也许你可以在中间选择一些东西;经常使用的对话框在HTML内部，而较少使用的对话框是按需加载的。最后，这一切都与用户体验有关，他们如何看待您网站的速度。