灯塔初学者指南

suchonakaniz

您已经建立了一个网站，但它对最终用户的表现如何？提出这个问题很重要，但如何才能得到答案呢？一个很好的选择是使用Lighthouse。 Backward Skip 10s Play Video Forward Skip 10s Lighthouse 允许您轻松自动地分析网页的性能和质量。它提供的工具可让您了解如何提高网页的性能、可访问性、搜索引擎优化等。使用这些分数来增强您的网站最终将吸引更多用户并提高您的网站在搜索引擎中的排名。 在本文中，我们将探讨网站性能的重要性，这是 Lighthouse 评分的亮点。我们还将了解为什么应该使用 Lighthouse；如何通过 Chrome 和 Lighthouse CLI 使用 Lighthouse；以及 Lighthouse 可以执行的各种审核来对您的网页进行评分，以及它们为何如此重要。我们还将介绍如何解决一些常见的性能和其他网站问题。 我们还将了解如何使用 WebPageTest，这是另一个用于评估网站性能的强大工具。 为什么性能很重要 如果您查看一些世界上最好的网站，它们都有一个共同点：它们为用户提供卓越的体验。

造成这种情况的原因有很多，但最重要的原因之一是性能。用户喜欢快速的网站。他们等待网站加载的时间越长，他们就越有可能离开该网站去寻找更好的网站，让他们无需等待就能做他们需要做的事情。 Learn to Code with JavaScript 提高网站的性能可以带来更高的 SEO 排名（我们将 决策者电子邮件列表 在本文后面详细介绍），并提高点击率和转化率。因此，如果您想要更多的销量、注册量或流量，您首先必须确保网站的性能达到标准。 为什么使用灯塔 Lighthouse是 Google 创建的开源工具。由于 Google 是一家信誉良好的公司，受到许多人的信任，因此它的结果比其他工具更可靠。此外，由于谷歌的搜索引擎是过去十年中领先的搜索引擎，因此在其搜索引擎上出现较高的位置很可能会带来更多的流量。因此，在他们的性能审核工具上获得更高的分数可能会提高您的网站在搜索结果中的排名。



但除了 Lighthouse 是由 Google 创建的这一事实之外，它成为一个好工具的原因还在于其详细的结果，将用户的最大利益放在心上。Lighthouse 提供了许多结果，涉及页面加载所需的时间、页面（以及最终网站）是否安全、页面的可访问性实践和实现是否允许所有用户的包容性等等。 如何使用灯塔 在本节中，我们将首先介绍使用 Lighthouse 分析和检查网页分数的最简单方法，该方法直接通过 Chrome 完成。然后，我们将检查其他可能提供更详细结果或选项的 Lighthouse 工具。 使用 Chrome 通过 Chrome 使用 Lighthouse 是衡量网站性能的最简单方法。首先，打开您想要测量的任何网页。为了进行演示，我将使用在我的网站和GitHub上运行的审计的一些结果，以便我们查看各种示例结果。 shift接下来打开开发工具。 之后，单击“灯塔”选项卡。 Learn to Code with JavaScript 点击践、辅助功能和 SEO。