web性能优化
Web性能优化已经成为网站开发过程中不可或缺的一部分。通过优化网站来改善性能，可以为用户提供更好的体验，还有助于提升搜索引擎排名。
一.为什么要进行优化？
通常网页最长加载不能超过3秒
从用户角度增加用户体验
从服务商角度，减少页面请求次数，或者减少所占带宽，能够节省资源
二.性能优化需要考虑的方面
首屏加载时常
DOM加载时长
页面白屏时长
检验网页性能的方式？
1.浏览器开发者工具或浏览器插件，追踪http请求与相应的时间
2.在页面中引入额外的代码钩子来记录时间
3.使用第三方工具：page speed ，Yslow等 可以在不同浏览器不同地域进 行测试，并且给出优化意见。
三.网页渲染的原理/浏览器渲染机制
1.解析 html 生产 DOM 树。
2.解析 css生产CSSOM 树。
3.将 DOM 与 CSSOM 合并成渲染树。
4.根据渲染树的样式，计算节点属性
5.在浏览器中显示页面
四.如何进行性能优化
1.提升网页加载速度考虑两个方面：
1）减少http请求次数
解决办法：
1）合并文件，为了减少页面文件引用
/*合并文件（能合并的合并）*/
2）合并图标
a.采用图片精灵（css sprites 也叫雪碧图）
b.使用iconfont字体图标库
c.采用base64技术 http://tool.chinaz.com/tools/imgtobase/
2）减少页面内容
解决办法：
a.压缩javascript和css文件
css压缩地址：https://tool.lu/en_US/css/
b.内容优化：css层级不要太多
c.合理图片格式：JPG,PNG,GIF
图片在线压缩方式：
a.使用ps压缩
b.在线压缩
在线地址：熊猫压缩：https://tinypng.com/
五.其他：
语义化标签
不要使用@import导入样式表
尽量避免后代选择器层级过多