H5+App的页面预载优化

本文主要是介绍H5+App的页面预载优化，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一般移动App的页面形式为：导航栏加页面(Tab+View)形式，或者菜单加内容(Menu+Content)形式，主要特点就是，可以由很少的几个模板页面组成
辅助Ajax动态填充页面内容即可.因此，为页面载入、切换优化提供了可能。

H5+App以WebView方式呈现内容。为加速页面切换速度，可以将页面拆分成不同的WebView进行预加载，在需要的时候直接展示出来。

一般的实现可以参考： Hello Mui、 Hello 5+ 这两个App。对子页面的使用和预加载均有体现。特别是是Hello Mui，官方有其预加载
方式的说明文档。

预载入方式

载入并显示

将需要预载入的页面放进WebView中，如tab页的几个主页面。

//预载入var preloadPage = mui.preload({url : URL,id : ID,styles : {},extras : {}});//显示preloadPage.show();

主页启动直接预载

在mui.init函数中声明

mui.init({preloadPages:[

这篇关于H5+App的页面预载优化的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---