可观测性之网站页面指标之加载类型和页面资源加载数

217 阅读1分钟

往期文章(包含部分掘金上榜文章)

《谷歌教你如何说服老板为用户体验掏钱(1)- 电商品牌的最佳实践》

《国内第一篇讲如何减少卡顿的代码级别详细文章

《前端同学如何快速制定业务大盘

《巧用火焰图快速分析链路性能》

《前端可观测性的几个基础指标-1022

《某费控独角兽公司的技术分享--如何提高用户体验》

《对前端性能优化的一些小看法

《网站性能优化技巧》

《前端应用性能应该采集的数据》

《网站性能之单页面应用的杂谈》

《web应用简析》

《裸奔的前端绿皮车

《快速搭建全链路平台

《报错/卡顿是制约产品体验的关键因素

《VIP客户用户体验-追踪方案草稿》

《四个简单例子教你提高用户体验》

正文

指标定义

  • view_loading_type,即页面加载类型。
  • view_resource_count,即页面加载资源数量。这里的资源包括但不限于static files,xhr。

分类

在SPA(单页面应用)的架构中,页面加载类型有两种:

  • 首页加载
  • 页面切换加载。

页面性能影响因素

网站性能是一系列综合指标作用的结果,可能某一两个指标和一两个指标存在相关关系。在SPA页面中,view_resource_count 资源加载数量和网站性能有关联。

注意

本文所有图表均来自真实数据,非模拟虚假。但需要注意相关不等于因果。

image.png

initial load

image.png

routeChange

image.png

观测云的数据

image.png

image.png

routechange image.png