百度移动建站指南:基础技术要求

时间:13-07-24 栏目:网站建设 作者:福清seo 评论:0 点击: 2,551 次

考虑移动设备和移动互联网的特点,在进行移动网站的页面开发设计时,一个总的原则是考虑用户访问的效率

百度移动建站

基本的设计原则

  • 简化页面,避免过多的图片、复杂的表达、动画、视频等;
  • 资源合并及压缩:如将背景图片、导航图片等等作为一张图片,这样只需一次请求,而不是多次;
  • 静态资源(CSS、Js、Image)懒加载;
  • 异步执行inline脚本;
  • 避免重复的资源请求;
  • 缩小cooike;
  • 设置连接方式为keep-alive(Http1.1默认开启);
  • 减少DNS查询;
  • 移动端可见区域是有限的,采用延迟加载方式;
  • 开启服务器压缩(gzip方式)。

JS的要求

  • 使用临时变量或者数组存储document.images及document.forms等集合数据;
  • 慎用with语法;
  • 使用AJAX缓存;
  • 避免eval及Function语法;
  • 避免使用inlineScript;
  • 异步、底部加载js;
  • 合并压缩js;
  • 字符串连接使用数组的join方式。

CSS的要求

  • CSS置于顶部;
  • 合理使用CSS选择符;
  • 避免使用@import;
  • 避免使用CSS表达式;
  • 合并及压缩CSS;
  • 避免使用行内CSS。

HTML的要求

  • 减少HTML标签,减少不必要的嵌套;
  • 废弃table标签;
  • 减少DOM深度;
  • 压缩HTML,去掉注释,空格换行等信息。

图片处理方式的要求

  • 图片走CDN;
  • 少用动态gif图;
  • 图片不适宜过多及过大;
  • 零碎图片使用CSS Sprite技术一次性下载;
  • 避免使用bmp图片;
  • Image压缩。

声明:本文由(SEO博客)版权所有,禁止转载,文章链接:百度移动建站指南:基础技术要求

百度移动建站指南:基础技术要求:等您坐沙发呢!

发表评论

不解 砸舌 伤心 邪恶 惊呼 开心 害羞 大笑 汗颜 惊讶 头晕 酷毙 开心 发怒 别扭 白眼 眨眼 思考 扭头 中立 哭泣 尴尬

---=====【福清人在路上】=====---
福清SEO博客★福清人自己的博客
10年专注互联网★5年实战品牌营销
SEO顾问:www.fqseo.org
品牌营销:www.pinpaiyingxiao.org
新浪微博:weibo.com/61953117
微信号:61953117【私人】
公众号:福清人在路上(ID:fqrzls)

微博江湖