前端性能优化

1.首屏时间 = DNS时间 + 建立连接时间 + 后端响应时间 + 网络传输时间 + 首屏页面渲染时间

前端优化策略

1、减少http请求：将图片、js、css合并，对于图片还可以使用lazy load

5、将样式表放在顶部，这样能够更快的渲染页面结构，增加用户体验

6、将脚本放在底部：不会阻止页面显示，也不会阻止组件下载

8、使用外部JavaScript和css ：内联方式浏览器不会缓存，每次请求html页面都会下载JavaScript和css 增加http请求

10、精简JavaScript和css：将空格和不必要的空行去除，文件小了，就能减少加载时间

2、使用cdn （content delivery network），内容发布网络 ，当访问用户量增多时，在不同地理位置的服务器上部署内容。cdn是一组分布在多个不同地理位置的web服务器，更加有效的向用户发布内容。cdn用于发布静态内容

3、添加expires头，从而将组件缓存起来，可以设定一个时间，在时间前都可以使用组件的副本，这样就减少了http请求

4、压缩组件

7、避免css表达式  求值频率太高

9、减少dns查找

11、避免重定向，指的是将用户从一个URL带到另一个url，会使页面变慢

12、移除重复脚本，

13、配置etag: Etag 是URL的Entity Tag,用于标示URL对象是否改变,区分不同语言和Session等等

14、使用ajax缓存

http://www.t086.com/article/4877