2017寒假阅读笔记05

web前段性能和优化

Web前段性能优化
浏览器访问优化
1. 减少http请求

合并JavaScript css、图片（如果每张独有不同的超链接，可通过css偏移响应鼠标点击操作，构造不同的URL）。

2. 使用浏览器缓存

设置http头中的Cache-Control和Expires设定浏览器缓存

静态文件变化后：改变js文件名并更新html文件中的引用

更新静态资源时，采用批量更新的方法，比如更新10个图标文件，应一个文件一个文件逐步更新，并有一定时间间隔

3. 启用压缩

可对html css javaScript启动GZip压缩，但会对服务器产生压力

需要在 通信和服务器资源间权衡考虑

4. CSS放在页面最上面，JavaScript放在最下面

浏览器会在下载完全部CSS后才进行页面渲染，最好是把CSS放在页面上边

浏览器在加载Js后立刻执行，有可能阻塞整个页面，因此js放在下面，但如果页面解析时就要用到JavaScript的，放在下面就不太合适了

5. 减少cookie传输

静态资源使用独立域名，避免发送cookie

哪些数据需要写入cookie要慎重考虑

CDN加速
用于对静态资源的代理

反向代理
部署在应用服务器前边，实现 安全过滤、缓存加速web请求、负载均衡

应用服务器性能优化
主要手段有缓存、集群和异步