客户端与服务器端离线渲染 HTML
Client-Side vs. Server-Side Rendering For Offline HTML
我正在以 HTML 页面的形式创建一个需要离线访问的交互式报告。以下哪个选项会产生更好的性能？
- 提前创建所有 HTML（通过服务器端脚本）并隐藏所有 "views"，只有一个（着陆页）除外。当用户单击菜单项时，隐藏当前可见的视图并取消隐藏与其选择相对应的视图。
- 包括所有数据作为 JavaScript variables/objects。当用户从菜单中选择某些东西时，使用像 Handlebars.js 这样的模板引擎来创建所需的 HTML.
我找到了涵盖客户端与服务器端呈现的其他帖子，但没有专门针对无法回调服务器以请求特定数据点的离线应用程序。在我的例子中，所有数据（从几百到几千条记录）必须从一开始就包含在 HTML 中。
我会将数据和模板发送到客户端并在客户端上呈现 HTML，原因很简单 - 它可能会工作得更快（当然这取决于您的实际数据）。
首先，如果您在服务器上 pre-render HTML，要传输的数据量通常会大得多。模板和原始数据会小得多，因此应用程序加载速度会更快。
其次，用户可能不需要所有呈现的页面。如果只使用了一部分页面，会浪费服务器上渲染所有页面的资源。
还有一点 - 如果所有内容都在客户端呈现，那么让应用程序完全 server-less 应该很容易。您可以将 json 文件与数据以及应用程序代码和资产一起发送，在这种情况下，它可以在没有服务器的情况下工作（当然，如果此用例与您的情况相关，这只是一个要点）。
我正在以 HTML 页面的形式创建一个需要离线访问的交互式报告。以下哪个选项会产生更好的性能？
- 提前创建所有 HTML（通过服务器端脚本）并隐藏所有 "views"，只有一个（着陆页）除外。当用户单击菜单项时，隐藏当前可见的视图并取消隐藏与其选择相对应的视图。
- 包括所有数据作为 JavaScript variables/objects。当用户从菜单中选择某些东西时，使用像 Handlebars.js 这样的模板引擎来创建所需的 HTML.
我找到了涵盖客户端与服务器端呈现的其他帖子，但没有专门针对无法回调服务器以请求特定数据点的离线应用程序。在我的例子中，所有数据（从几百到几千条记录）必须从一开始就包含在 HTML 中。
我会将数据和模板发送到客户端并在客户端上呈现 HTML，原因很简单 - 它可能会工作得更快（当然这取决于您的实际数据）。
首先，如果您在服务器上 pre-render HTML，要传输的数据量通常会大得多。模板和原始数据会小得多，因此应用程序加载速度会更快。
其次，用户可能不需要所有呈现的页面。如果只使用了一部分页面，会浪费服务器上渲染所有页面的资源。
还有一点 - 如果所有内容都在客户端呈现，那么让应用程序完全 server-less 应该很容易。您可以将 json 文件与数据以及应用程序代码和资产一起发送，在这种情况下，它可以在没有服务器的情况下工作（当然，如果此用例与您的情况相关，这只是一个要点）。