pagespeed-insights - 如何让 PageSpeed 洞察力上的 Fielddata 和 Origin Summary 有效?
问题描述
首先,我要感谢大家的大力支持和谷歌的优秀教程,以提高我们网站的质量。现在我们正在更新我们的网站,因为核心网络生命力很糟糕。通过阅读这个论坛和在线教程,我学到了很多东西,但是有一个问题我无法解决或找不到答案。
如何让 PageSpeed 洞察力上的 Fielddata 和 Origin Summary 有效?
它基本上只是一个问题,因为您的网站上需要有特定数量的用户使用 chrome,还是我必须设置一些东西来收集数据
如果只是一个特定的数字,有人知道你需要多少用户吗?
我设置了谷歌分析,它提供数据。在我的调查过程中,我发现我需要在 Data Studio ( https://web.dev/chrome-ux-report-data-studio-dashboard/ ) 中添加 Chorme UX 报告。
我已成功将谷歌分析连接器添加到数据工作室。但是当我想添加连接器时,我收到错误消息:“如果您的来源未包含在 CrUX 数据集中,您可能会收到如下所示的错误消息。数据集中有超过 400 万个来源,但您可能没有足够的数据被包括在内。”
此页面上描述了该错误:https ://web.dev/chrome-ux-report-data-studio-dashboard/但没有解决方案?
那么如何将原点添加到 CrUX 数据集?
我已经开始使用 BigQuery 实施一个谷歌云项目,但我不确定这是否真的需要获取现场数据。
感觉就像我错过了一个重要的步骤。
也许你可以帮助我解决我做错了什么。
提前谢谢你丹尼尔
解决方案
如何让我的网站包含在 CrUX 数据中?
这取决于流量数量以及您网站的访问者所拥有的浏览器、偏好等。
您无法影响数据集中的包含(据我所知*),它会随着您网站流量的增长而自然发生。
因此,现在忽略尝试从 CrUX 数据集中获取数据,而是专注于收集您自己的真实用户指标 (RUM)。
收集您自己的真实用户指标(测量值) - 或 RUM
您可以使用Web Vitals 库轻松完成此操作,允许您收集与所收集的 CrUX 数据几乎相同的真实世界数据(也适用于 Chrome 以外的浏览器!)。
如果您不想构建自己的 API,也可以将结果直接传送到 Google Analytics 。
由于计算方式,您没有得到的唯一指标是速度指数,但其他 5 个指标足以监控您网站的性能。
获得比 CrUX 或 Web Vitals 库更多的数据
或者,如果您想要真正花哨,您可以使用performanceObserver
API收集大量原始数据,例如绘制时间、布局变化、资源计时等,并计算您自己的指标。
虽然这是很多工作(你必须研究如何计算每个指标等。我花了好几个星期才把它弄好!)优点是你可以分析数据,比如在特定位置发生的累积布局偏移屏幕大小(假设您也跟踪此信息)很容易,仅使用 CrUX 数据或 Web Vitals 库很难做到这一点。
推荐阅读
- ios - UIScreen 主边界不考虑实际设备屏幕尺寸
- node.js - 用于服务器发送事件或 Websocket 的 Aws 负载均衡器
- elasticsearch - 使用相同的logstash文件发送不同的输出
- reactjs - react native 天才聊天中的输入被键盘覆盖
- python - 如何计算图像末尾的lbp代码?
- python - 使用 Python 从数据矩阵生成边缘表的最佳方法
- javascript - 为什么我的简单“三位数字,后跟三个相同数字,后跟四个相同数字”正则表达式不起作用?
- kotlin - 反应堆延迟分页与扩展
- git - 微软开发者工作室 2017 中的 git 集成
- jquery - CKEDITOR 字体大小或字体系列选择的事件