问题标签 [lighthouse]

试图弄清楚为什么 Lighthouse 审核将我的一堆链接标记为未通过elements have discernible names

我的问题是所有链接都需要吗aria-labels，因为我认为如果它只是一个普通链接，那么链接中的文本是必需的吗？

或者我的标记结构还有其他问题吗？另一个标记的元素是这个：

对于那个，我知道a没有文本，所以aria-label应该在 div 上显示实际的帖子标题，对吗？

解决 了我看错了元素……祝你有美好的一天。

我想对我的网站进行性能审计：桌面，没有限制网络，没有限制 CPU。

我正在使用 Google Chrome 的 DevTools 的 Audits 选项卡并选择以下选项：

• 设备：台式机
• 审计：绩效
• 节流：无节流
• 清除存储（选中）

我的铬版本：

根据“审核”选项卡，我在 Chrome 中的 Lighthouse 版本是3.2.0

单击Run audits按钮后，将生成报告，其中包含以下运行时设置：

那么如何强制使用我的设置，以便我可以正确审核桌面？

编辑：上游验证为 Chrome 错误：

https://bugs.chromium.org/p/chromium/issues/detail?id=914387

我一定遗漏了一些明显的东西——为什么这个页面没有在谷歌浏览器（灯塔）审计中验证？

它说：

“表单元素没有关联的标签。” 失败元素：

（我尝试使用<label for="phrase"但仍然失败。

我目前没有成功尝试让我的 PWA 可安装。我已经注册了一个 SertviceWorker 并链接了一个清单，并且我正在监听 beforeInstallPromt 事件。

我的 ServiceWorker 正在监听任何fetch事件。

我的问题是，创建的 beforeInstall 横幅仅显示在 Chrome 桌面上，但在移动设备上，我在“清单”部分的 Chrome 检查选项卡“应用程序”中收到警告：

您可以在https://dev.testapp.ga/上查看消息

清单.json

服务工作者：

我检查了mtShowInstallButton功能。它完全可以在桌面上运行。

这是什么意思？在桌面上，我从来没有收到过这个警告，只是在使用手持设备/模拟器时。

我正在编写一个向 Google Lighthouse 的 CMD 发送命令的工具，并希望在 URL 无效时捕获错误。我会使用什么例外？

我目前正在尝试在输入无效 URL 时在异常中捕获 RuntimeError。

我仍然得到以下信息，而不是“请提供正确的 URL”：

Lighthouse 只是继续下一个 URL

我还能发现另一个错误吗？

我正在使用 Vue cli 3 并使用 PWA 插件创建了一个 PWA。这一切都运行得很好，我在 3G 连接上获得了 100 分的 Lighthouse Progressive Webb 应用程序得分和 68 分的性能得分。

影响我的性能分数的问题是我未能“使用有效的缓存策略提供静态资产”。

我还在 webPageTest.org 上测试了该应用程序，它表明“利用浏览器缓存静态资产”存在问题

我的网站是https://www.istimuli.com/ 我假设我必须使用运行时缓存来缓存这些文件。我使用 GenerateSW 插件并尝试了 runtimeCaching 选项，但它不起作用。

我非常感谢任何帮助缓存这些文件并获得更高的性能分数。

谢谢

这是我的 vue.config.js 文件

已编辑

所以我编辑了我的服务器的 htaccess 文件以应用缓存控制：

情况有所改善：

我现在只有要处理的 aws sdk 文件。我假设CORS与此有关。因此，我们将不胜感激有关如何缓存此内容的任何帮助。

此外，检查灯塔报告，我看到 aws sdk 被指示为没有有效的缓存策略 - 我假设这也与上述 CORS 问题有关？

列出了 11 个资源（我只在图像中包括了 3 个），所有资源都被列为具有 30 天的缓存寿命。这是否足够或应该更长以获得更好的灯塔分数？

我注意到字体文件（带有 woff2 扩展名）现在被浏览器缓存，即使我在修改 htaccess 文件时没有包含这个扩展名（见上文）。我觉得这很混乱，知道为什么它现在缓存而不是缓存在我更新 htaccess 文件之前这样做？

所以我想，现在我主要关心的是缓存 aws sdk，在这方面的任何帮助将不胜感激。

谢谢

我正在尝试使用一组 URL 串行（一次一个）运行节点 js Lighthouse 函数。我的问题是，每当我遍历数组时，Lighthouse 会同时运行所有 URL，我想如果你有一个非常大的 URL 数组，这是有问题的。

编码：

请帮忙！谢谢你的时间！

我正在尝试执行与此灯塔命令等效的操作，但我不知道如何操作。

有没有人有任何示例可以分享，关于如何以编程方式为灯塔设置自定义配置文件（带有自定义收集器和审计）？

我有一个非常基本的应用程序，带有 Angular 和 Firestore。在检查应用程序灯塔中的性能时，它指出

最小化关键请求深度

这主要是在角度捆绑文件上。

是否有解决此特定消息的解决方案？

我有一个使用 SSL 托管在 AWS（使用 CloudFront 的 S3）上的网站。当我通过 Chrome 执行 Lighthouse 测试时，该测试不适用于除主页之外的任何页面。它针对除性能之外的所有测试返回问号并返回以下错误：

存在影响 Lighthouse 运行的问题： Lighthouse 无法可靠地加载您请求的页面。确保您正在测试正确的 URL，并且服务器正确响应所有请求。状态码：404。”

这是一个 ReactJS SPA 网站，Lighthouse 确实通过调试工作，但当我尝试 URL 中的 S3 或 cloudfront 域或我购买的实际域时不起作用。它是否可以正常工作我不能 100% 确定，因为我可能只在主页上尝试过它并假设它适用于所有页面。

任何人都可以建议我可以尝试的任何明显的事情（解决或给我更多分析）？我对 AWS 和 React 还很陌生。除此以外，该网站似乎运行良好。

非常感谢 ：）