![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
性能
文章平均质量分 92
__畫戟__
前端。知之为知之,不知为不知
展开
-
H5移动端 Vue3 + vue-virtual-scroller 实现长列表性能优化
移动端在渲染长列表时 大量dom节点的渲染和重绘重排会导致页面卡顿、滚动不流畅、设备耗电加快、影响移动设备电池寿命等性能问题;这里分享使用【虚拟滚动-渲染可视区域】方案进行长列表优化,以Vue3为例,使用 `vue-virtual-scroller`实现性能优化原创 2024-04-01 23:18:17 · 2042 阅读 · 0 评论 -
web监控数据上报方案
1.上报轻量级的数据时可以采取image src属性进行上报;2. 特定场景需要采集大量级的数据可以改用普通post请求方式;3. 在需要监测用户关闭浏览器时上报数据,首选采用beaconApi方式,若用户的当前浏览器不支持该方法,可降级为image方案。目前很多大厂已采用这种混合式埋点方案。转载 2023-05-13 16:54:27 · 438 阅读 · 0 评论 -
如何进行 web 性能监控?
我们可转化为三个方面来看:响应速度、页面稳定性、外部服务调用。响应速度:页面初始访问速度 + 交互响应速度;页面稳定性:页面出错率;外部服务调用:网络请求访问速度;转载 2023-05-13 16:23:40 · 1380 阅读 · 0 评论 -
前端异常监控解决方案研究
前端监控包括行为监控、异常监控、性能监控等,本文主要讨论异常监控。一般而言,一个监控系统,大致可以分为四个阶段:日志采集、日志存储、统计与分析、报告和警告。转载 2023-05-12 23:32:12 · 996 阅读 · 0 评论 -
Web前端最新优化指标:FP、FCP、FMP、LCP、TTI、CLS、FID、FPS等
Web前端最新优化指标:FP、FCP、FMP、LCP、TTI、CLS、FID、FPS等;加载性能指标、可交互时间、稳定性指标、流畅性指标转载 2023-05-05 22:45:27 · 2952 阅读 · 0 评论