我想使用Navigation Timing Api测量网站的速度指数，但不了解导航时间API中速度指数计算的所有属性代表什么 ...
在搜索控制台上，它说我的一些链接有错误的 CLS。 然而，我已经跟踪链接一段时间了，CLS 是完美的（根据 web-vitals 客户端跟踪它的方式，该值大 1000 倍）。 我正在使用这个官方库来跟踪指标。 还有什么我可以尝试的吗？ ...
我有一个按钮可以从后端提取一些数据。 但是数据的长度是不确定的，加载的时间也是不确定的。 这将产生高 CLS 惩罚。 无论如何要避免这种情况？ var stHandler = 0; $('#render').click(function(){ clearTimeout(stHandler); $ ...
赏金将在 6 天后到期。 此问题的答案有资格获得+500声望赏金。 TinyTiger想让更多人关注这个问题。 我需要创建一个会生成错误的首次输入延迟 (FID) 值的网页。 如果您不知道，FID 是 Google Web Core Vitals 的一部分。 我想模拟一个错误的 FID，因为我正 ...
在我们的网站上，我们有一个搜索页面，该页面在一行中显示 4 种产品的记录（桌面）。 我们在视口中只有最上面一行。 所有这些图像都具有相同的渲染尺寸，并且它们的固有尺寸大于渲染尺寸。 这意味着对于 LCP 计算，它们都具有相同的权重。 但是当我运行 performance insights 选项卡时， ...
我正在使用 webpack 来构建生产中的资产。 拆分分块功能允许我们将大脚本分成块。 然而，问题是即使脚本被推迟，webpagetest 仍然显示它们呈现阻塞： 脚本已经具有 defer 属性。 是因为 defer 是按顺序执行脚本吗？ 将延迟更改为异步似乎已经解决了这个问题，但我试图理解为什 ...
我们正在使用 CSS 工具提示，当用户悬停一个元素时，它会变得可见，就像在这个例子中一样： https ://www.w3schools.com/css/css_tooltip.asp 我们最近发现，如果工具提示稍大一些（只需在上面的示例中插入一些“lorem ipsums”），这确实会损害 We ...
我正在尝试为此页面优化 LCP。 我阅读了一篇关于 LCP 优化的文章，其中我还找到了一个脚本，它可以帮助确定 LCP 的哪一部分花费最多的时间。 脚本： const LCP_SUB_PARTS = [ 'Time to first byte', 'Resource load delay', ...
假设我有一个名为“示例网站”的网站，里面有很多段落。 如下图所示 现在假设那里有一个 chrome 扩展，它在我的页面中注入了一些图像。 这些图像在没有任何动画的情况下插入，导致我的网页布局发生了非常糟糕的变化。 这是扩展程序插入图像后页面的样子。 所以这是我的问题， 此第三方扩展引 ...
我有一个计划来衡量我们平台（SPA）的性能并每天跟踪一个指标结果。 我可以衡量两个指标。 domcontentloaded 加载 哪一个对SPA平台更有效？ // 注释（我已经知道有很多 metric(FP, LCP, ....) 但这次我只想在 domcontentloaded 或 load ...
我刚刚认识到我新创建的 Reactjs 应用程序有一个文件src/reportWebVitals.js ，它在 index.js 中被调用。 这个文件/代码的用途是什么？ ...
只是好奇可以做些什么来测量 React 应用程序的 TTI（网络重要）。 由于我们只对特定组件 TTI 感兴趣，因此 lighthouse 将无法在这里提供帮助。 ...
当我在 pagespeed 中提交我的网站 ( https://www.examplesite.com/ ) 时，它会自动重定向到https://www.examplesite.com/public_html/index.html 。 可能的原因是什么？ ...
我愚蠢地使用命令 npm audit fix --force 没有备份包，现在我在我的反应应用程序中发现了一些错误。 每当我启动应用程序时，我都会收到错误消息： ./src/reportWebVitals.js 中的错误语法错误：'import' 和 'export' 可能只出现在顶层 我该如 ...
由于希望获得更好的 Web Vitals 分数，我没有使用响应式广告。 但是，在选中Let Google optimize the size of your mobile ads ，似乎 Google 仍会通过将 CSS 属性修改为以下内容来更改/更新其在min-height定义的容器中的广告尺寸 ...
Google 推出了一种衡量累积布局偏移 (CLS) 的新方法。 但不知何故，我无法从web.dev和https://web.dev/evolving-cls/上的文章中理解新定义。 谁能用简单的话帮助我理解这一点？ 或建议任何文章或视频？ ...
当我使用https://web.dev/measure审核我的网站时，我得到的建议之一是“以低分辨率提供图像”。 从下面的屏幕截图中可以看出，我显示的图像尺寸与实际尺寸相符。 我不知道这里出了什么问题以及预期的大小是多少。 如果我把图像放大，我会得到一个相反的错误，说我的图像尺寸不合适，应该减小尺 ...
function init() { (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d ...
我正在使用 reportwebvitals 来收集与性能相关的数据。 我看到以下值： 我知道一个好的 LCP 分数低于 2.5 秒，一个好的 FID 分数低于 100 毫秒。 给定值，哪个键准确地指示了这个分数？ 我试图通过可用的文档 go 但无法理解如何得出这些时间结果。 有人可以帮忙吗？ 谢谢 ...
我正在优化 WordPress 网站的速度（目前仅在移动设备上），除了 CLS 之外都取得了成功。 在优化 CSS 交付（使用 WP-Rocket）后，CLS 变得非常高，但我没有看到任何布局变化，即使我使用开发工具（性能测试）。 （在移动） 这是示例： https://trustmyscien ...