记一次web性能优化实战

效果展示 优化前 优化后 可以看到优化前有明显的延迟，详细信息才出现。优化后详细信息基本秒现。 问题分析 出现数据显示有明显的延时的情况，我们分析大方向可能有 接口缓慢 网络问题 前端问题 渲染问题：渲染节点过多、重排、重绘等 js阻塞页面渲染 原因定位 1、查看network 最大值784ms，因此可以排除接口和网络问题 2、使用performance记录一次过程 可以看到js耗费将近14s。此

>>阅读原文<<