"jQuery Mobile"页面结构经过优化,可以支持页面中的单个页面或本地内部链接的"页面"." jQuery文档
什么为jQuery Mobile应用程序提供了更好的性能 - 它运行在PhoneGap上?
single.html文件中的所有页面和内部加载
带有外部链接的单页
还需要考虑其他方面吗?
我使用jQuery mobile,我制作的所有网站都是一个页面网站.我创建的唯一外部页面是那些嵌入了Google地图的页面,只是如果用户不需要iframe加载就不会发生.
我认为可以归结为:一个包含大量内容的页面可能会减慢初始加载速度,但一旦加载就会变得更快,而一个小主页将从一开始就很快,buteach链接页面将触发Ajax请求.在设计移动设备时,我的经验法则是尽可能减少http请求.虽然许多用户使用3 + G网络,但依赖于连接,它仍然可以等待.此外,连接可以在瞬间发生变化,如果用户已成功浏览网站,并且所有突发事情都会慢慢爬行,这可能会造成一些挫败感.因此,我认为从用户体验POV开始,如果加载后其他所有内容都很快,则用户愿意在初始加载时等待几个额外的滴答.
在一个页面中设计所有内容也适合使用jQM,imo进行开发,因为我只创建了一个只包含一个页面(以及css和js文件)的缓存清单.然后,即使用户没有连接,我的网站也会被缓存并运行.如果你使用过applicationCache,你会很快意识到你拥有的文件越多,维护缓存清单和更新就越困难.
我不能说浏览器性能,但你应该考虑加载时间.一个文档中的多个页面都加载了文档,因此如果有更多页面,DOMready将在一段时间后发生,这会给人一种不愉快的外观.在您需要时会分别提取单独的页面,因此如果没有理由使用多页,那么我建议您坚持使用多个HTML文件.对于在线应用程序
此外 - 如果你想坚持使用progressive enhancement
JQM的开发理念,那么多用途就不能用得多.
还需要考虑其他方面吗?
是的......据我所知,在多页文档中仍然可能存在一些问题(例如对话框).如果多页中有多个,JQMalpha3不想为我显示对话框.