首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【前端监控】静态资源测速&错误上报

小东西快快学快快记,大知识按计划学,不拖延 继续监控内容总结,今天总结的是前端如何监控静态资源的加载情况,并进行数据上报 本文分为3个部分 1、监控静态资源重要性 2、静态资源测速上报 3、静态资源出错上报...我淘宝买东西出问题都懒得和商家说… 监控什么静态资源 js , css , 图片,字体,video,audio 静态资源测速上报 1基本原理 这里我们会使用 performance.getEntries...,它可以获取到页面所有的静态资源和接口请求 我们这次是为了处理静态资源,所以可以使用 performance.getEntriesByType('resource') 来过滤得到页面的静态资源,如js...下面我们看一下这个api的使用例子,我们动态插入一个js,看是否能监听到如下 可以看到木有任何问题 兼容性 可以看到这比我们使用了两个api,来看下他们的兼容性 可以看到 PerformanceObserver...监听错误事件回调内进行上报 3基本流程 代码参考 https://gitee.com/hoholove/study-code-snippet/blob/master/LOGGER/assetSpeed.js

4K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券