网站页面指标之加载类型和页面资源加载数

简介: 网站页面指标之加载类型和页面资源加载数

正文

指标定义


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

分类


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

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

页面性能影响因素


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

注意


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


0b9bb170264f47d6b318706b0054a89f~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

initial load

image.jpeg

routeChange


0d3818c4c7464c6f9cca26e99cf3a3f4~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

观测云的数据

13e00b39f60742a0972779eb061c6766~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

image.jpeg

routechange

27f984da91124aa69d78d73074ce0d61~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg



目录
相关文章
|
11月前
|
前端开发 UED
一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载?
一个页面上有大量的图片,加载很慢,你有哪些方法优化这些图片的加载?
|
5天前
|
JavaScript 前端开发 测试技术
如何判断网站加载速度是否得到优化?
如何判断网站加载速度是否得到优化?
|
4月前
|
JavaScript 前端开发 UED
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
373 0
|
数据采集 分布式计算 大数据
爬虫识别-关键页面最小访问间隔-效果及总结|学习笔记
快速学习爬虫识别-关键页面最小访问间隔-效果及总结
爬虫识别-关键页面最小访问间隔-效果及总结|学习笔记
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(下)
在最近公布的比赛框架中,发现了页面加载管理类,觉得挺有用的,所以做个简单的笔记。
122 0
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(下)
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(上)
在最近公布的比赛框架中,发现了页面加载管理类,觉得挺有用的,所以做个简单的笔记。
110 0
一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)(上)
|
人工智能 前端开发
「前端技巧总结」多个页面的操作聚合到某个页面的实现方案
用技术实现梦想,用梦想打开前端技术之门。分享我在日常开发中总结的前端技巧,今天是多个页面的操作聚合到某个页面的实现方案。
273 0
|
数据采集 存储 大数据
爬虫识别-关键页面最小访问间隔-下|学习笔记
快速学习爬虫识别-关键页面最小访问间隔-下
|
数据采集 大数据 数据库
爬虫识别-关键页面最小访问间隔-上|学习笔记
快速学习爬虫识别-关键页面最小访问间隔-上。