问题标签 [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.
colors - 灯塔报告 - 可访问性对比问题 - 关于如何解决的任何想法?
我正在努力提高 Lighthouse 的可访问性分数,并且知道如何解决它向我抛出的所有问题,除了一件事。
我有一个颜色对比问题,我在某些评级中使用了 Unicode ★ 字符。它的颜色为黄色 (#FFD500),但与白色背景的对比未能通过 AA。我无法更改颜色,但我为屏幕阅读器提供了基于文本的替代方案(使用离屏定位)。因此,使用辅助技术的完全失明的人被涵盖在内,但我真的想不出如何解决有视力用户的低对比度问题。我想使用 aria-hidden="true" 来阻止 Lighthouse 对其进行评估,但没有奏效。
我不能改变颜色,我不能改变大小,我不能在报告中掩盖它。我想我什么都做不了?
请注意,我可以更改图像/svg 的 unicode 星号。这将解决问题,但由于各种无聊的原因,我不会讨论,这种方法会导致其他问题(这也是我选择 unicode 字符的原因)。
node.js - 如何以编程方式在 Lighthouse 中添加节流?
我有点困惑如何使用 NodeJS 通过 Lighthouse 提供节流选项。我可以通过 bash 脚本来做到这一点:
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 感到困惑,因此无法启动它。谢谢
gulp - 如何使用 gulp 任务在灯塔报告中测试身份验证背后的页面?
我在 chrome 浏览器中自动生成灯塔报告。但我要测试的 URL 在身份验证后面。因此,当我运行该任务时,它会为身份验证页面生成灯塔报告。如何测试实际 URL?
node.js - Lighthouse 可以在 Google Chrome 以外的浏览器上运行吗?
我目前正在使用 Google Lighthouse工具来了解我网站的性能。我只能使用 Google Chrome Browser运行它。是否可以在其他浏览器中运行? 如果是,它支持哪些浏览器,以及如何使用 cli 命令实现?
请帮忙。提前致谢!
audit - Lighthouse 审核何时被视为“通过”?
使用现在使用 Lighthouse 审核的 Google PageSpeed Insights 工具,我需要更新我构建的 WordPress 插件,它将这些审核放入用户的 WP 仪表板中。
我注意到 Lighthouse 认为某些机会是“通过”的,即使他们在审计中的得分不是 100%。
有谁知道 Lighthouse 是否有一个固定的阈值认为“足够好”?例如,也许任何得分 95% 或更高的东西都被视为通过?
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:
html - 标签与输入无关
使用内置的 Chrome Lighthouse 在 WP 网站上运行可访问性审核显示注册字段由于没有关联标签而无效。我以前遇到过这个问题,我不明白为什么它认为它没有关联。aria-label
我可以通过直接添加标签来让它通过,input
但我不应该这样做。
这是从 Subscribe2 创建的代码片段
可以在这里找到:https ://blog.collaborative.org/
google-pagespeed - Pagespeed 在灯塔中显示不同的分数与 Google chrome 性能审计
依靠 Pagespeed 洞察力时,它的网站所有者令人困惑。在 google chrome 上显示 First Contentful Paint 参数与灯塔审计性能的不同分数!
html - 为什么我的链接没有可识别的名称?
我已经阅读了与此问题相关的其他一些问题,但它们对我没有帮助。我试过添加aria-labels
,但这也没有帮助。作为失败的元素,我仍然得到 type 的链接<a href="" target="_blank" rel="noopener noreferrer"></a>
。
这是有问题的 HTML(只是一个在表格中输出一些信息的基本浏览器检查器):
到底是怎么回事?这是灯塔问题吗?