前端性能指标，一网打尽！

文章预览

大家好，我是若川。 我持续组织了近3年的 源码共读活动 ，感兴趣的可以  点此扫码加我微信 ruochuan02  参与，每周大家一起学习200行左右的源码，共同进步。同时推荐 《学习源码整体架构系列》  、 历史面试系列 。 在构建高性能的前端应用时，了解并掌握前端性能指标是至关重要的。这些指标不仅可以帮助我们评估应用的性能，还能指导我们进行针对性的优化，从而提升用户体验。本文将从 加载 和 交互 两个维度，全面介绍前端性能指标，帮助你一网打尽前端性能优化的关键要点！ 加载相关 FCP：首次内容绘制 FCP 全称为 First Contentful Paint，即首次内容绘制，表示页面绘制其第一个非白色元素（如文本、图像、非空白 canvas 或 SVG）所需的时间。 在下图中，FCP 发生在第二张图时： 这个指标直接关系到用户的体验，如果 FCP 时间过长，用户将会面 ………………………………