PerformanceObserver ， 我们可以用它来获取首屏、白屏的时间，就不用再麻烦地手动去计算了。

为了让读者能够从头到尾彻底学会埋点，我会分别从 埋点的概念与使用、如何实现一个埋点 sdk 入手 这篇文章核心围绕埋点的概念与使用展开

一、概念 前端埋点是指在网页或者应用程序中插入特定的代码，用于收集用户的行为数据并发送给服务器进行分析。这些数据可以包括用户的点击、浏览、输入等操作，帮助开发者了解用户的在其网站中的行为，从而进行针对

你是否一直对前端性能监控系统的底层原理充满好奇？想知道那些 FCP、LCP、FID 指标是如何被精准捕获的？...

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

图片懒加载原理 图片懒加载也叫延迟加载，只加载当前屏幕的图片，可视区域外的图片不会进行加载，只有当屏幕滚动的时候才加载。 特点： 提高网页加载速度 减少后台服务器压力 提升用户体验 原理 将图片地址存

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

一、众里寻他千"百度"，却在灯火阑珊 我们日常在做研发时，可能很少关心首屏性能问题，感觉不到性能瓶颈。那可能是因为我们的产品或者项目不复杂，还没有达到那个程度，再加上现在成熟的打包工具，自动帮我们做了