【问题标题】:Lighthouse Multiple URLs灯塔多个 URL
【发布时间】:2019-02-12 20:29:51
【问题描述】:

我需要对一个网站进行全面审核,但我想知道是否有任何方法可以让 Lighthouse 做到这一点。我知道他们不支持完整的站点审核或多个 URL,但我发现这可以通过使用 bash 脚本来完成。因此,我将不胜感激有关此案的任何帮助!或者您推荐的任何 Lighthouse 替代品?

提前感谢您!

【问题讨论】:

  • 你可以制作一个 shell 或批处理脚本来遍历 url 并为每个 URL 调用......你使用的是什么操作系统?
  • 我用的是windows
  • 然后检查en.m.wikipedia.org/wiki/Batch_file。你可以用它来制作一个小脚本来循环你所有的页面
  • 脚本文件已经完成并且正在工作,但现在我想知道是否有任何方法可以让它保存带有完整 url 作为名称的 html 文件报告。
  • 嗯,这是一个新问题

标签: javascript audit lighthouse


【解决方案1】:

只要您以编程方式遍历一些 url 数组,就可以审核多个 URL。我建议首先使用 chromeLauncher 启动您的 chrome 实例,然后为每个 url 启动 chrome 并将结果并行写入某个结果目录,或者按顺序执行相同的操作。收到所有 url 的结果后,终止 chrome 启动器和节点进程。

【讨论】:

    【解决方案2】:

    我遇到了同样的问题,在寻找一个好的解决方案时偶然发现了这个漂亮的小包 - lighthouse-batch

    我所要做的就是通过传递用逗号分隔的 URL 来运行以下命令:

    lighthouse-batch -s https://www.url1.com,https://www.url2.com,https://www.url3.com
    

    您还可以在单​​个 summary.json 文件中获得所有站点的摘要,以及通过文件 site_url.json 下的每个站点的详细报告

    【讨论】:

    • 如何使其与经过身份验证的网站一起使用?
    • 由于 Lighthouse-batch 内部使用lighthouse,你可以看到一些验证here的方法
    【解决方案3】:

    在我的公司,我们希望在我们的登陆网站、应用产品以及我们竞争对手的产品上的大部分页面上收集网站性能数据,因此有时需要审核数百个 URL。

    我创建了一个工具:

    lighthouse-batch-parallel

    可以审核多个 URL。您可以在 JS Object、JSON、CSV 流中获取报告结果,也可以使用提供的 cli-tool 在.csv.json 中生成报告。

    【讨论】:

      【解决方案4】:

      无耻的自我推销,但我编写了Multihouse Node 应用程序来为多个 URL 运行 Lighthouse。

      该应用从输入 CSV 文件(每个 URL 一行)中获取 URL 和可选元数据,运行一项或多项审核,并将中值分数输出到输出 CSV 文件。

      您可以从命令行指定多个不同的选项。

      例如:

      • 为每个 URL 运行 Lighthouse 的次数。默认值为三个。
      • 是否计算所有运行的平均或中值分数。默认值为中位数。
      • 要运行哪个 Lighthouse 审核。默认为所有审核:性能、最佳实践、PWA、可访问性、SEO。
      • 是否包括所有单独审核或Web Vitals 的结果。

      您可能还想查看 Lighthouse GitHub 存储库上的 Related projects

      【讨论】:

        【解决方案5】:

        现在可以使用 lhci 来实现,这是一种使用 Lighthouse 自动生成可访问性报告的工具,并可选择将其存储在专用服务器中。

        Lhci 有collect 命令,如果提供,则可以为多个 url 运行。

        lhci autorun --collect.url=http://example-1.com --collect.url=http://example-2.com
        

        或创建一个文件 lighthouserc.js

        {
          "ci": {
            // ...,
            "collect": {
              "url": ["http://example-1.com", "http://example-2.com"]
            }
          }
        }
        

        取自这个 Github 问题:https://github.com/GoogleChrome/lighthouse-ci/issues/124

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2021-06-04
          • 1970-01-01
          • 2021-08-30
          • 2021-09-10
          • 2021-11-20
          • 1970-01-01
          相关资源
          最近更新 更多