网站应用性能简析

简介: 网站应用性能简析

image.jpeg


Web 应用分析



欢迎查看我写的《前端性能优化小技巧》、《快速搭建全链路平台》《四个例子教你提高用户体验》、《裸奔的前端绿皮车 》、《用户体验数据采集》、《报错/卡顿是制约产品体验的关键因素

简介


应用数据采集后,可以查看应用性能分析,改善页面加载(LCP)、互动性(FID)和页面稳定性(CLS),提高用户体验。

LCP、FID、CLS 是谷歌网站核心指标,用来衡量网站的载入速度、互动性和页面稳定性。


指标 说明 目标值
LCP(Largest Contentful Paint) 计算网页可视范围内最大的内容元件需花多少时间载入 小于2.5s
FID(First Input Delay) 计算用户首次与网页互动时的延迟时间 小于100ms
CLS(Cumulative Layout Shift) 计算网页载入时的内容是否会因动态加载而页面移动,0表示没有变化。 小于0.1


6c83a121fe49435a91810f6c26fc5b79~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

场景分析


根据可视化的Web应用分析,内置多维度Web应用监测数据场景,包括概览、页面性能分析、资源加载分析、JS错误分析。


概览


Web应用的概览场景统计页面访问的错误数、错误率、会话数、会话分布、浏览器、操作系统、最受欢迎页面、资源错误排行等内容,可视化的展示用户访问Web页面的数据统计,快速定位用户访问Web应用的问题,提高用户访问性能。可通过环境、版本筛选查看已经接入的Web应用。


e06edfde5c1c414ea6ac34ff3cf1bb5b~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg


性能分析


Web应用的页面性能分析,通过统计PV数、页面加载时间、网站核心指标、最受关注页面会话数、页面长任务分析、XHR & Fetch 分析、资源分析等指标,可视化的实时查看整体的Web应用页面性能情况,更精准的定位需要优化的页面,可通过环境、版本等筛选查看已经接入的Web应用。

2a1ec6fee783422e9d5ec977675d9ef7~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

资源分析


Web应用的资源分析,通过统计资源分类、XHR & Fetch 分析、资源耗时分析等指标,可视化的实时查看整体的Web应用资源情况;通过统计资源请求排行,更精准的定位需要优化的资源;可通过环境、版本等筛选查看已经接入的Web应用。

e89c0bcec5ef4fbd840b7aed5fed9325~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg


错误分析


Web应用的JS错误分析,通过统计错误率、错误分类、错误版本、网络错误状态分布等指标,可视化的实时查看整体的Web应用错误情况;通过受影响的资源错误统计,可快速定位资源错误;可通过环境、版本等筛选查看已经接入的Web应用。

b8b0f31d558b408bb3d78ea4e4cb2570~tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.webp.jpg

文章选自《web应用分析》

目录
相关文章
|
监控 前端开发 Cloud Native
解决WebSocket通信:前端拿不到最后一条数据的问题
解决WebSocket通信:前端拿不到最后一条数据的问题
701 0
|
缓存 前端开发 JavaScript
Vue项目打包部署Nginx配置及前端缓存问题解决
Vue项目打包部署Nginx配置及前端缓存问题解决
2359 0
Vue项目打包部署Nginx配置及前端缓存问题解决
|
7月前
|
监控 前端开发 JavaScript
RUM实践-最大内容绘制(LCP)优化
LCP(最大内容绘制)衡量用户首次看到页面主内容的时间,理想值低于2.5秒。通过RUM工具收集数据,优化服务器响应、减少阻塞资源、图片压缩与预加载等手段,可有效提升LCP,改善用户体验。
|
消息中间件 存储 Apache
消息中间件使用规范(RocketMQ)
消息中间件使用规范(RocketMQ)
6343 104
|
缓存 JSON 前端开发
超详细讲解:http强缓存和协商缓存
超详细讲解:http强缓存和协商缓存
|
SQL 分布式计算 Serverless
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
366 0
|
机器学习/深度学习 人工智能 前端开发
【AI系统】编译器基础介绍
随着深度学习的发展,AI模型和硬件技术不断演进,开发者面临如何有效利用算力及应对AI框架迭代的挑战。AI编译器成为解决这些问题的关键技术,它帮助用户专注于上层模型开发,减少手动优化性能的成本,最大化硬件效能。本文探讨编译器基础概念,解释编译器与AI框架的关系,介绍编译器与解释器的区别,以及AOT和JIT编译方式的特点和在AI框架中的应用。通过分析Pass和中间表示IR的作用,进一步理解编译器在AI领域的核心价值。
683 5
|
Web App开发 SQL 前端开发
前端页面加载性能指标之LCP
本文介绍了 Largest Contentful Paint (LCP),一种衡量网页加载性能的指标,专注于视口内最大图片或文本块的完全渲染时间,旨在提升用户对主要内容加载速度的感知。文章还探讨了LCP的测量方法和优化策略,如图像优化、懒加载等,以帮助改善网页性能。
2180 5
|
机器学习/深度学习 存储 数据可视化
特征选择的艺术:利用Scikit-learn提升模型性能
【7月更文第22天】在机器学习的实践中,特征选择是一项至关重要的步骤,它直接影响到模型的性能、训练速度以及对新数据的泛化能力。特征选择,或称为变量选择,旨在从原始特征集中识别并保留最相关、最有影响力的特征子集,同时剔除冗余或无关紧要的特征。本文将探讨特征选择的重要性,并通过使用Python中的Scikit-learn库演示几种有效的特征选择方法,以提升模型性能。
923 4
|
弹性计算 负载均衡 算法
加权轮询算法介绍
加权轮询算法
468 3