在使用jquertMobile框架时,碰到一些页面加载等效率问题,记录一下,方便查阅使用:

  1. 不要用$(document).ready();
    用$(document).on(“pageshow”,”#Home”,function(){
    ……
    });
  2. 启用页面预加载:
    data-prefetch=”true”
    如:<a href=”#” data-prefetch=”true”>xx</a>
  3. 对于页面跳转动画最好不用,但是如果想用经无预加载测试
    data-transition=”turn” 效率最好。
  4. 对于页面中有很多大图的情况,页面刷新会很慢,所以最好使用缩略图方式,如phonegap拍摄的照片质量设为100时,返回页面每张以2M左右计算,页面如果有5张就会很慢。
  5. 对于点击事件的重复触发,最好使用防止冒泡方式,如:
    a.preventDefault();
    function();
    return false