前端性能优化小建议

169 阅读1分钟

1、减少http请求个数 一个完整的http请求,包括dns查找、tcp握手、浏览器发出http请求,服务器接受请求、服务器处理请求并发回响应,浏览器接受响应等过程 2、使用http2 解析速度快、多路复用、首部压缩、服务器推送 3、使用cdn静态资源 4、善用缓存 5、压缩文件 gzip 6、使用字体图标代替图片图标 7、按需加载第三方库代码 8、减少重绘、重排 浏览器渲染的全过程: 解析HTML生成DOM树 解析css生成cssom规则树 解析js操作dom和cssom树 将Dom树和cssom规则树合并在一起生成渲染树 遍历节点树,开始布局,计算每个节点的位置、大小信息 浏览器将所有图层的数据发送给GPU,GPU将图层合并显示在屏幕上

重排:改变dom位置和大小,重新生成渲染树 重绘:将渲染树每个节点绘制在屏幕 9、降低css选择器的复杂性