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

时间:2013-06-04 17:06:55

标签: performance jquery-mobile mobile

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

1 个答案:

答案 0 :(得分:2)

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

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

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

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

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

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