大数据量或多任务单次调用会存在浏览器卡顿的问题，需要对多任务或大数据量处理进行优化，可采用切片，异步线程、零碎时间调用等方式进行优化，消除卡顿现象，提高用户体验

数据环境 高频率:WebSocket按毫秒级接收数据.高性能消耗:接收到的每一条数据都需要进行计算处理 中量数据:需要渲染的数据量很大 要求:实时更新 如果不做优化,会造成浏览器渲染卡顿

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

Lighthouse Performance 评分从 20 提高到了96，开发和构建的速度也有了大幅度的提高，整个优化过程的思路和方法还是很有参考意义的

对于前端性能优化，优化手段其实是非常多的，但是不能盲目的进行优化，一定要先分析出项目的性能瓶颈，那么如何才能更好的分析出项目的瓶颈呢？其实最关键的是要分析页面的整个加载过程，找出有问题的地方再进行优化

前端首页渲染速度优化，这张图是我发现的比较宝藏，比较全面的一张首页加载优化图，便以此图来进行相关总结

引言 在前端开发中，性能优化是一个永恒的话题。我们经常需要处理和展示大量的数据，所以当面试官问到：“如何一次性渲染十万条数据而不影响用户体验？”你会怎么回答？直接渲染十万条数据可能会导致页面卡顿、响应

先有问题再有答案 浏览器有哪些好用的观察者？ 设计目的是什么？ 有什么优缺点？ 微任务&MutationObserver 图片懒加载 & IntersectionObserver 响应式&Resize

此篇文章内容将会结合Chrome文档和实际例子，来分析前端常见的性能指标如FP、FCP、LCP等含义，帮助大家加深理解。