web性能优化的原则：1、优化页面渲染 2、减少HTTP请求，增加请求速度 3、优化 js 执行
优化页面渲染：
1、尽可能保证 css 放在头部、js 放在尾部（这是由于页面的绘制流程）
2、懒加载（例如：滚动加载，用到哪些资源再去加载，提升速度，优化体验）
3、异步请求：防止页面阻塞（例如：window.onload、setTimeout 事件）
优化HTTP请求：
1、合理使用浏览器缓存
a）很少变化或者基本不变的资源（例：图片）把 HTTP Header 的 Cache-Control 和 Expires 设置为一个较长的过期头
b）变化不多，但仍有不定时变化的资源，进行 Last-Modifed 请求验证
c）在批量更新缓存资源时，不应当一次性全部更新，而应当使用少量多次的更新策略
2、合理的压缩、合并
a）合并压缩 js、css
b）使用雪碧图、图标字体
3、使用 CDN加速
优化 js 执行：
js 书写方式上