问题标签 [pagespeed-insights]

我想实现一个不错的菜单，例如https://mmenujs.com/

但我注意到它在谷歌页面速度中引起了新的警告：

避免过多的 DOM 大小 - 959 个节点

这些节点是什么？如何修改插件以消除此警告？

我最近将一个网站上传到 heroku（使用他们的免费服务）。该网站是使用 node.js 和 express 构建的。根据谷歌，我的移动和桌面页面速度得分分别为 99 和 100。第二天，我对 html 和 css 进行了一些基本的更改，在再次推送到 heroku 之后，TTFB 现在非常慢。当我进行速度测试时，该应用程序已退出休眠模式。Heroku的服务器有这个问题还是我应该寻找另一种方法来解决它？我不知道更改 html 和 css 会如何导致 TTFB 问题。这是 Heroku 的常见问题吗？

更新：第二次将更改推送到 heroku 后，我没有遇到任何问题。似乎是heroku的服务器出现了故障。

我正在寻找一种方法来优化我们网站在 Lighthouse上的速度指数指标

我发现这篇有用的文章很好地描述了速度指数指标，并帮助我了解如何计算速度指数。

https://calendar.perfplanet.com/2016/speed-index-tips-and-tricks/

但是有一个关键概念在文章中没有描述清楚，我搜索了很多其他速度指数相关的博客仍然找不到答案。

什么是100% 视觉完整性框架？

我们都知道第一帧是 0% VC，因为它是空白的，但是在页面加载过程中 VC 不断增加，那么什么帧会被认为是100% 的视觉完整性？

100% VC 帧的定义很重要，因为它是计算所有其他帧的视觉完整性的基线。

如果我有一个页面以 100 毫秒的间隔简单地从 1 打印到 100 并且刚好足以填充视口，那么100% VC 帧会是打印数字100的帧吗？

我尝试使用 V4，它返回一个度量规则组”，如下所示：

在V5中，似乎省略了这个指标，有没有办法包含它？

注意：它应该返回

自采用 Google AMP (amp-img) 以来，Google PageSpeed 惩罚“延迟离屏图像”。似乎 PageSpeed 鼓励 AMP 加载所有图像！在 AMP 之前，我使用 JS 来延迟加载位于初始视口之外的图像。我愿意接受有关如何保留 AMP 但避免 PageSpeed 惩罚的建议。

示例：（此图像的代码位于初始视口下方，靠近页面底部）

::: 页面顶部区域 - 初始视口区域 ::: ...“折叠”页外、折叠下方、靠近底部页面的第二个视口页面

当在 PageSpeed 上评分时，尽管此图像不在页面上，但 AMP 运行时不会延迟加载并导致罚分！

（代码被删除，因为 StackOverflow 编辑器拒绝允许它！）

由于 AMP 禁止我的旧 JS LazyLoad 技术，我受制于这种声明的 AMP 行为：“运行时可能会根据视口位置、系统资源、连接带宽或其他因素选择延迟或优先加载资源。” （https://amp.dev/documentation/components/amp-img?format=websites）所以看来，通过采用 AMP，我已经放弃了对 Google AMP 运行时延迟加载的控制，这“可能”选择延迟。当 PageSpeed 对 AMP 页面进行评分时，您会认为 AMP 运行时想要给人留下深刻印象，对吧？您会认为 AMP 运行时会“选择延迟”(amp-img) 内容出现在页面外（不在初始视口区域内）。你错了。

PageSpeed 惩罚信息如下：

“推迟屏幕外图像。考虑在所有关键资源完成加载后延迟加载屏幕外和隐藏图像，以缩短交互时间”

我喜欢 AMP，但是 PageSpeed 的人有机会与 AMP 的人合作吗？我同意 PageSpeeds 对这种情况的描述，称其为“机会”。可悲的是，当我采用 AMP 时，我似乎已经将这个“机会”交给了 AMP 运行时......并因此而受到惩罚。

任何人都可以提供一个实用的解决方法，以便我可以保留 AMP，但在将 (amp-img) 用于位于初始视口之外的图像时不会在 PageSpeed 上受到惩罚？

我目前正在使用 Goole Pagespeed Insight 建议进行网站优化。我已经设法获得了一个相当不错的分数，但我被困在某个点上。经过几次测试，我的结论是，我最后遇到的大多数问题都与我的网页中是否存在 Google Adsense 标签有关。

我的速度分数：

• 包括 Google Adsense 标签（每页最多 2 个横幅）：

  • 73 在手机上
  • 桌面 96

• 没有 Google Adsense 标签：

  • 手机97
  • 100 桌面

有谁知道如何解决这个问题？（比“不要在你的页面中放 Adsense”更聪明的东西^^）感谢您的帮助。

script当我按照谷歌的强烈推荐将谷歌标签管理器放在我网站的头部时；

该脚本基本上延迟了 onload 事件，从而增加了页面的交互时间。

我通过在 3000 毫秒后使用setTimeout() function.

这大大提高了网站的性能。但这不是由Google. 因为我知道 gtm 脚本有问题。有解决方法吗？

我有一个插件，可以将我网站中的所有图像转换为 WebP。下一代格式。经过简单的检查，我可以看到图像已转换。 支票

但唯一的问题是 PageSpeed Insights 仍然给我同样的信息，我应该转换为下一代格式。 https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fsuper-zava.co.il%2F%25D7%25A6%25D7%2591%25D7%2599%25D7%25A2 %25D7%25AA-%25D7%2593%25D7%2599%25D7%25A8%25D7%2594

问题出在哪里？

我正在使用 lighthouse npm 来测试一些随机 URL ...有时它会因离开而失败

和

空的。

配置中有什么东西可以避免这种情况，还是“重试直到不再失败”我最好的改变。

这就是我的设置。这是木偶师+灯塔

经过谷歌洞察分析，有一个下载优化内容（CSS、JS、图像）的选项。现在，该选项在新设计中的任何地方都不可见。它被删除了吗？

如果有的话，谁能给个截图。