问题标签 [lighthouse]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2142 浏览

colors - 灯塔报告 - 可访问性对比问题 - 关于如何解决的任何想法?

我正在努力提高 Lighthouse 的可访问性分数,并且知道如何解决它向我抛出的所有问题,除了一件事。

我有一个颜色对比问题,我在某些评级中使用了 Unicode ★ 字符。它的颜色为黄色 (#FFD500),但与白色背景的对比未能通过 AA。我无法更改颜色,但我为屏幕阅读器提供了基于文本的替代方案(使用离屏定位)。因此,使用辅助技术的完全失明的人被涵盖在内,但我真的想不出如何解决有视力用户的低对比度问题。我想使用 aria-hidden="true" 来阻止 Lighthouse 对其进行评估,但没有奏效。

我不能改变颜色,我不能改变大小,我不能在报告中掩盖它。我想我什么都做不了?

请注意,我可以更改图像/svg 的 unicode 星号。这将解决问题,但由于各种无聊的原因,我不会讨论,这种方法会导致其他问题(这也是我选择 unicode 字符的原因)。

0 投票
1 回答
932 浏览

node.js - 如何以编程方式在 Lighthouse 中添加节流?

我有点困惑如何使用 NodeJS 通过 Lighthouse 提供节流选项。我可以通过 bash 脚本来做到这一点:

0 投票
1 回答
179 浏览

node.js - chromeLauncher/Lighthouse:使用 Jest 模拟返回承诺的链式依赖项

我有一个应用程序,其中包含一个以编程方式和无头运行 Lighthouse v3 的 Node 脚本(Lighthouse 文档)来测试应用程序的性能。

我为此编写了一些在本地通过的 Jest 测试。测试不是测试 Lighthouse 本身,而是 Node 脚本如何处理从 Lighthouse 返回的结果数据。因此,必须模拟 Lighthouse 依赖项。

在进行测试的过程中,我发现由 Lighthouse 调用的 chrome-launcher 会在我进行 Jest 测试时启动。这意味着我没有正确地嘲笑这种依赖。我认为模拟 Lighthouse 就足够了,并且已经这样做了,但我对如何模拟“thennable”chrome 启动器功能感到困惑。

下面的launchChromeAndRunLighthouse函数来自 Lighthouse Node 文档。

灯塔.js

lighthouse.test.js

Jest 的新手,对如何模拟 chromeLauncher 感到困惑,因此无法启动它。谢谢

0 投票
0 回答
143 浏览

gulp - 如何使用 gulp 任务在灯塔报告中测试身份验证背后的页面?

我在 chrome 浏览器中自动生成灯塔报告。但我要测试的 URL 在身份验证后面。因此,当我运行该任务时,它会为身份验证页面生成灯塔报告。如何测试实际 URL?

0 投票
2 回答
3975 浏览

node.js - Lighthouse 可以在 Google Chrome 以外的浏览器上运行吗?

我目前正在使用 Google Lighthouse工具来了解我网站的性能。我只能使用 Google Chrome Browser运行它。是否可以在其他浏览器中运行? 如果是,它支持哪些浏览器,以及如何使用 cli 命令实现?

请帮忙。提前致谢!

0 投票
1 回答
180 浏览

audit - Lighthouse 审核何时被视为“通过”?

使用现在使用 Lighthouse 审核的 Google PageSpeed Insights 工具,我需要更新我构建的 WordPress 插件,它将这些审核放入用户的 WP 仪表板中。

我注意到 Lighthouse 认为某些机会是“通过”的,即使他们在审计中的得分不是 100%。

有谁知道 Lighthouse 是否有一个固定的阈值认为“足够好”?例如,也许任何得分 95% 或更高的东西都被视为通过?

0 投票
3 回答
4116 浏览

apache - Why is Lighthouse failing my cached files?

I'm using Google Lighthouse to calculate a performance score. One of the criteria is caching static assets such as images and scripts.

I don't have control over all of these, but the ones I do have control over the cache has been set to 30 days. However, Lighthouse is still reporting these as an issue. Lighthouse does report these as having a 30d cache, but still reports as an issue.

What do I need to do to rectify this?

Please see screenshot below:

Lighthouse Static Assets

0 投票
1 回答
16435 浏览

html - 标签与输入无关

使用内置的 Chrome Lighthouse 在 WP 网站上运行可访问性审核显示注册字段由于没有关联标签而无效。我以前遇到过这个问题,我不明白为什么它认为它没有关联。aria-label我可以通过直接添加标签来让它通过,input但我不应该这样做。

这是从 Subscribe2 创建的代码片段

可以在这里找到:https ://blog.collaborative.org/

0 投票
1 回答
528 浏览

google-pagespeed - Pagespeed 在灯塔中显示不同的分数与 Google chrome 性能审计

依靠 Pagespeed 洞察力时,它的网站所有者令人困惑。在 google chrome 上显示 First Contentful Paint 参数与灯塔审计性能的不同分数!

0 投票
1 回答
1389 浏览

html - 为什么我的链接没有可识别的名称?

我已经阅读了与此问题相关的其他一些问题,但它们对我没有帮助。我试过添加aria-labels,但这也没有帮助。作为失败的元素,我仍然得到 type 的链接<a href="" target="_blank" rel="noopener noreferrer"></a>

这是有问题的 HTML(只是一个在表格中输出一些信息的基本浏览器检查器):

到底是怎么回事?这是灯塔问题吗?