頁面預加載就是在用戶還沒有觸發跳轉頁面鏈接之前,就已經將該頁面進行創建,當用戶訪問該頁面時就可以立即進行跳轉,減少頁面創建時間,提高用戶體驗。
方法一:通過mui.init()初始化方法中的preloadPages參數進行設置
1 mui.init({ 2 preloadPages:[ 3 { 4 url:prelaod-page-url,//預加載頁面HTML地址,支持本地地址和網絡地址 5 id:preload-page-id,//預加載頁面標志 6 styles:{},//窗口參數 7 extras:{},//自定義擴展參數 8 subpages:[{},{}]//預加載頁面的子頁面 9 } 10 ], 11 preloadLimit:5//預加載窗口數量限制(一旦超出,先進先出)默認不限制 12 });
這種方法可以加載多個頁面,但是不會返回預加載頁面的引用。
方法二:使用mui.preload()方法實現預加載
1 var page = mui.preload({ 2 url:new-page-url, 3 id:new-page-id,//默認使用當前頁面的url作為id 4 styles:{},//窗口參數 5 extras:{}//自定義擴展參數 6 });
這種方法可以立即返回對應webview的引用,但是一次只能預加載一個頁面,如果需要加載多個頁面,則需要多次調用。
應用場景:想加載一個暫時不需要使用的頁面。