超强实用！Lighthouse, Puppeteer 全面体验自动化调试优化！

2023-09-19 03:46:45

在 2018 年的 Google 开发者大会上，来自 Lighthouse 的工程师 Eric Bidelman 分享了他关于如何使用 Lighthouse 和 Puppeteer 来简化和自动化网站日常性能优化流程的心得。这两个开源工具都是用于改进网络应用质量的自动化测试工具。您只需要输入网址，它们就会测试该页面，然后生成清晰的报告，帮助您识别性能瓶颈并找到优化机会。

Lighthouse 入门

Lighthouse 是一款由 Google 推出的开源工具，用于帮助开发者分析网页的性能、可访问性和 SEO。它能够提供有关页面加载时间、资源使用情况、渲染性能等方面的数据，并生成详细的报告，帮助开发者发现和修复问题。

要使用 Lighthouse，您可以使用它的 Chrome 扩展程序或命令行工具。如果您使用的是 Chrome 扩展程序，您只需在要分析的页面上单击 Lighthouse 图标即可。如果您使用的是命令行工具，您需要在终端中运行以下命令：

lighthouse <URL>

Puppeteer 入门

Puppeteer 是一个由 Google 推出的开源库，用于控制无头 Chrome。无头 Chrome 是一个没有图形用户界面的 Chrome 版本，它可以在服务器上运行。Puppeteer 允许您使用 JavaScript 代码来控制无头 Chrome，例如，您可以使用它来模拟用户交互、抓取页面内容或测试网页的性能。

要使用 Puppeteer，您需要在 Node.js 中安装它。您可以使用以下命令安装 Puppeteer：

npm install puppeteer

安装完成后，您可以使用 Puppeteer 编写脚本来控制无头 Chrome。例如，以下脚本将打开一个新的无头 Chrome 实例，并导航到指定的 URL：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  await browser.close();
})();