html 进入页面延迟加载数据,跳转至预加载的页面后数据显示延迟问题

请问各位大神：

从A页面跳转到预加载好的B页面，B页面要用ajax从服务器中取出数据并显示，现在跳过去后会先显示页面，但是数据会延迟1秒左右才会显示。这该如何解决，或者有什么办法可以让B页面的数据完全加载完再跳转过去。 另外在跳转的过程中丢帧怎么优化比较好？

mui.init({

preloadPages:[

{

id:'hosHP.html',

url:'../finddoctor/hosHP.html'

},{

id:'docHP.html',

url:'../finddoctor/docHP.html'

}

]

})

//点击热门医院跳转至详情

var detailPage = null;

//添加列表项的点击事件

mui('#demo4').on('tap', '.box-d-a', function() {

var hos_id = this.getAttribute('hos-id');

//获得详情页面

if(!detailPage){

detailPage = plus.webview.getWebviewById('hosHP.html');

}

//触发详情页面的detailPage事件

mui.fire(detailPage,'detailPage',{

hos_id:hos_id

});

mui.openWindow({

id:'hosHP.html',

show:{

event:'loaded',//页面显示时机，默认为titleUpdate事件时显示

}

});