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

1、HTML瘦身：

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

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

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

 

4、减小响应大小

1）减小HTML

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

2）减小静态资源

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