web前端性能优化

白霸天 前端性能优化

每个前端er都有一颗改变世界的心，可是他们只能改自己的代码，哈哈哈。前端性能优化是个老生常谈的话题，性能优化，能提高我们作品的体验，所以性能优化也显得十分重要。

减少 http 请求

前端性能的一个重要衡量指标是页面的加载时间。页面加载只有有百分之20% 的时间是在获取页面展示内容，即我们的 html 文件，其余的时间用来加载图片图片，样式，js代码以及其他的组件。而 http的请求特点是，请求内容越少请求速度越快，http 请求次数越少，网页的加载时间越快，所以我们要尽量的减少我们的http请求大小和http的请求次数。在80％的组建获取过程中，我们可以进行很多优化，比如：

1. 使用雪碧图（减少请求次数）
2. 压缩（减少请求体积）
3. 合并（减少请求次数）

 减少DNS查询

DNS 查询是将主机名映射到IP地址上，在没有缓存的情况下，需要消耗一定的查询时间，所以我们要尽量减少组建分布的域名，但是域名少的情况下在组建的并下下载的数量会受限制，所以我们要衡量域名的数量的利弊，给应用设置合理的组建域名，最大的利用资源。一般建议域名数量在2～4个。

避免重定向

重定向意味着，你要花去 double 的时间甚至更多的时间去访问你的页面