优化页面性能
考虑到移动设备和移动互联网的特点,在进行移动网站的页面开发设计时,一个总的原则是考虑用户访问的效率,降低页面加载时间。
减少访问请求数
  1. 从设计实现层面简化页面,不要放太多的图片、复杂的表达、动画、视频等等
  2. 资源合并及压缩:比如将背景图片、导航图片等等作为一张图片,这样只需一次请求,而不是多次。
  3. 静态资源(Css、Js、Image)懒加载
  4. 异步执行inline脚本
  5. 避免重复的资源请求
  6. 缩小cooike
  7. 设置连接方式为keep-alive
  8. 减少DNS查询
  9. 移动端可见区域是有限的,采用延迟加载方式
  10. 开启服务器压缩(gzip方式)
优化图片处理
  1. 图片走CDN
  2. 少用动态gif图
  3. 图片不适宜过多及过大
  4. 零碎图片使用css Sprite技术一次性下载
  5. 避免使用bmp图片
  6. 图片压缩
优化HTML
  1. 减少HTML标签,减少不必要的嵌套
  2. 废弃table标签
  3. 减少DOM深度
  4. 压缩HTML,去掉注释,空格换行等信息
优化JS
  1. 使用临时变量或者数组存储document.images及document.forms等集合数据
  2. 慎用with语法
  3. 使用AJAX缓存
  4. 避免eval及Function语法
  5. 避免使用inlineScript
  6. 异步、底部加载js
  7. 合并压缩js
  8. 字符串连接使用数组的join方式
©2013 Baidu 使用百度前必读 京ICP证030173号