何时在jQuery Mobile中使用多页文档VS多页

Question

JQM文档说最好使用多个页面来避免使用可能导致浏览器崩溃的大型DOM。但是，有多大太大了？对于较大的多页文档而言，性能似乎最佳。有没有人有这方面的经验法则，或者什么时候最好有一个多页文档VS多个文件？

Answer 1

说实话，这取决于几个因素。

如果您正在构建经典网页而您没有服务器端代码，我会建议您坚持使用多页面布局。更改/处理一个大的 HTML 页面然后其中几个更容易。您无需担心在 HEAD 中初始化javascript和css。 Web应用程序需要非常大才能降低性能。桌面浏览器的性能永远不会降低，但移动的浏览器会出现问题（当然，如果网络应用程序非常庞大）。

如果您正在构建一个大型静态Web应用程序，或者如果您使用服务器端进行代码生成，那么我会建议您使用多个页面。如果是大型静态网络应用，您可以随时从 DOM 中删除网页，并防止兑现。另一方面，仅使用一个 HTML 页面来生成服务器端页面是非常愚蠢的。

现在出现问题部分。如果您使用jQuery Mobile和Phonegap创建混合移动应用程序，建议使用多页文档。虽然这个想法看起来很傻，但它会为你提供扼杀过渡然后多页模板。不幸的是，你需要在这里特别小心。不要创建大型应用，如果可能的话，生成动态内容，并在不再需要时将其删除。

多个页面也可以在移动设备上成功使用，但其实现应该有所不同。如果可能的页面应该在转换发生之前加载，并在不再需要时删除。这个解决方案可能比前一个解决方案的资源更少，但页面处理（兑现和删除）使其更加困难。

此处还有关于此主题的博客 article 。