【性能监控】如何有效监测网页静态资源大小？

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 前言 作为前端人员肯定经常遇到这样的场景：需求刚上线，产品拿着手机来找你，为什么页面打开这么慢呀，心想自己开发的时候也有注意性能问题呀，不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能，打开浏览器控制台一看，页面上的这些配图每张都非常大，心想这些配图都这么大，页面怎么快，那么我们有没有办法监测页面上的这些静态资源大小，从而避免这种情况的发生。 Performance Performance 接口可以获取到当前页面中与性能相关的信息。 该对象提供许多属性及方法可以用来测量页面性能，这里介绍几个用来获取 PerformanceEntry 的方法： getEntries ❝ 该方法获取一组当前页面已经加载的资源 PerformanceEntry 对象。接 ………………………………