性能优化是前端老生常谈的一个课题，需要前端开发重点关注的一个方向，尤其是在可视化领域。遇到性能问题时，本文介绍了性能问题如何定位、怎么拆解、如何解决到最终优化效果这一过程。

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

相信大家在平常的面试过程中或多或少都被问到过前端性能优化如何实现，但是大部分同学的回答可能说一说自己做了aa、bb、cc...配置；亦或是说了这些配置之后，没有量化的结果去衡量自己的优化到底有没有用

大家好，我是柒八九。 前言 在前几天，我们写了，关于如何利用fetchpriority对页面资源进行优先级的处理。 然后，我也承诺大家也会有关于如何对一个网站进行优化分析。但是，在私下和朋友聊天中发现

大家好，我是柒八九。 前言 前几天，我们写了关于Chrome的FCP,看后台数据，反响还是不错的。 那么，今天我们继续讲另外一个比较重要的性能指标LCP。 如果想了解该系列文章(浏览器底层原理&优化方

谷歌Lighthouse工具用于评估网页性能和用户体验的开源工具。它通过模拟真实用户的访问行为，对网页进行全面的性能分析和优化建议

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈ 16 ms。所以我们书写代码时力求不让一帧的工作量超过 16ms。 帧开始。窗口尺寸变更，页面滚去等的处…