web性能优化

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 书写方式上