淘宝前台系统优化学习笔记

1、HTML瘦身：

1）移除空白
2）删除属性引号
3）避免行内样式
4）为JS变量设置别名
  –document.getElementById -- > $
5）使用相对的URL

2、浏览器渲染优化：
1）首屏优先
   –减少Dom数量
2）按需加载
3）次要信息异步化
    –多,请求数多
    –少,页面大
4）避免页面缩放图片

3、减少请求数
1）缓存资源
2）组合CSS/JS
3）CSS Sprites
4）必要时再加载
  –根据用户行为
5）杜绝404
6）减少重定向

 

4、减小响应大小

1）减小HTML

   –页面越小延迟越小
   –Gzip
   –HTML瘦身
   –减小Cookie大小

2）减小静态资源

3）最小化CSS/JS
4）优化图片