结果与 Lighthouse 审核报告不一致 - 在本地托管的站点上

Inconsistent results with Lighthouse audit report - on a site locally hosted

提问人:Heghar Hex 提问时间:10/4/2023 更新时间:10/4/2023 访问量:28

问:

为了衡量在网站上使用 WebP 图像格式的效果,我在使用 WebP 之前和之后在网站上运行了 Lighthouse。为了避免其他参数影响结果,我使用 wget 下载了网站及其所有资源,然后启动了一个 http.server 来在本地提供文件。然后,我使用以下代码在本地网站上运行 Lighthouse:

async function runLighthouse(url, outputPath, iterations) {
  const chrome = await chromeLauncher.launch({ chromeFlags: ["--headless"] });

  for (let i = 0; i < iterations; i++) {
    const options = {
      disableCache: true,
      logLevel: "info",
      output: "json",
      port: chrome.port,
      throttling: {
        method: "devtools",
        devtools: {
          networkThrottling: {
            downloadThroughputKbps: 1000,
          },
        },
      },
      emulatedFormFactor: "desktop",
    };
    const runnerResult = await lighthouse(url, options);

    const filename = `${outputPath}/${i + 1}.json`;
    const reportJson = runnerResult.report;
    fs.writeFileSync(filename, reportJson);
    console.log(`Lighthouse report saved to ${filename}`);
  }

  await chrome.kill();
}

我使用以下参数运行了 Lighthouse:

url: "http://localhost:8000/nums.edu.pk/",
outputPath: "JSONs/batch3/nums/before",
iterations: 5,

即使在对结果进行平均之后,我得到的结果也不一致,方差为 10-50%,甚至在优化之前也是如此。我正在衡量以下指标:

总字节权重 互动时间 最大内容画 然后,我将网站上的所有图像替换为 WebP 版本,并在 HTML 代码中将所有其他图像格式替换为 WebP。这使网站的大小减少了 80-90%。

当我再次运行 Lighthouse 时,我仍然得到不一致的结果。当我尝试测量优化前后 Lighthouse 报告之间的差异时,我有时会发现优化后报告的大小更大,花费的时间更多,这不应该发生,因为大小显着减小。

因此,在这方面的任何帮助或任何其他替代方法将不胜感激。

灯塔 webp google-pagespeed page-load-time lighthouse-ci

评论


答: 暂无答案