对于一个大型项目来说，不管是后端还是前端，异常错误的监控都是非常重要的，拥有一套成熟完整的监控体系，能让我们在生产环境上发生错误时，可以第一时间定位错误发生的位置与原因，从而能更快地解决问题并重新发布

提到性能监控，你可能会想到performance API，但今天，我想带你一起探索一个更加灵活、强大的工具——PerformanceObserver。

Lighthouse是Google开发的一款开源工具，提供一套全面的测试来评估网页质量，包括加载性能、可访问性、最佳实践和PWA。

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

在以往的项目中，只要有视频的存在，那么就会是个让人费神的项目。且不说对它的适配兼容问题，只说它的加载问题就能说上半天了。本文作者从视频预加载的各种方法入手，讨论了如何让视频播放速度更快的解决办法。 众所周知，如果你的视频可以更快的播放意味着会有更多的人观看。在本文中，让我们一起…

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……

介绍了前端性能分析工具，也介绍了包分析工具，还进行了项目优化实战，对第三方库进行按需引入，开启gzip压缩配置，进行代码分割等等，尽量减少构建包的大小，提升页面渲染速度。

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。