跳转到主内容

什么是网络性能测量工具Lighthouse？ 优化博客性能以提高搜索排名

为了提高搜索排名，网络性能也非常重要。 要测量网络性能，我们应该怎么做呢？ 我想介绍一下Lighthouse，这是一种不仅开发人员，而且博主和SEO负责人也经常使用的网络性能测量工具之一。 Lighthouse是一款强大的工具，可以评估和改进网**站的性能、可访问性、SEO、PWA（Progressive Web App）**等，特别是对博客运营者提供了非常有用的功能。

image

如上图所示，如果进行测量，可以在Chrome开发者工具中查看，如果每个指标都达到100分，搜索引擎可以给出高分。 虽然所有的分数都达到100分是很困难的，但分数越高，就越有优势，这是事实。 如果每个指标不是绿色，而是其他颜色，那么我建议你检查一下。

什么是Lighthouse？​

让我们先来了解一下Lighthouse。 Lighthouse是Google开发的开源工具，用于测量网页的性能和用户体验。 它内置在Chrome浏览器的开发者工具中，任何人都可以轻松使用。 Lighthouse提供了以下项目的评估和分数。

  • 性能：评估网页的加载速度和与性能优化相关的指标。
  • 可访问性：评估网页对残疾人和视力不佳的用户的友好程度。
  • 最佳实践：评估是否遵循网络开发的最佳实践。
  • SEO：分析与搜索引擎优化相关的因素，提供可以改善的指标。
  • PWA：评估Progressive Web App的要求，帮助转变为PWA。

运行Lighthouse​

要运行Lighthouse，需要按照以下执行顺序执行菜单。

  • Chrome右上角菜单 -> 查看更多工具 -> 开发者工具 -> 点击 >> 按钮查看顶部菜单的隐藏项目 -> 选择Lighthouse

image

执行后，如下图所示，选择要测量的指标，点击执行按钮，分析就会开始。

image

更详细地了解Lighthouse菜单​

1. 性能优化 (Performance)​

  • 测量网页的加载时间和性能。
  • 性能评分考虑了页面加载时间、资源优化、渲染速度等因素。
  • 识别未优化的图片、CSS和JavaScript文件、渲染延迟等问题。

例如，大图片的数据传输速度较慢。 如果传输速度慢，网页性能就会被判断为不好。 可以通过减小过大的图片尺寸来提高图片的传输速度。 提供高质量的内容是好的，但也存在速度下降的问题，所以最好两者都考虑。 或者，虽然这是一个技术问题，但也可以考虑使用CDN等服务器。

2. 提高可访问性（Accessibility）​

  • 评估网页对残疾人和视力障碍用户的友好程度。
  • 可访问性评分评估了提供替代文本、支持键盘导航、颜色对比、屏幕阅读器兼容性等因素。
  • 确认网站是否为所有用户提供了平等的访问权。

image

例如，可能会出现Background and foreground colors do not have a sufficient contrast ratio等提示。 你可以认为这是在确认用户在查看时是否有问题。

3. 最佳实践（Best Practices）​

  • 评估是否遵循了网页开发的最佳实践。
  • 确认是否遵循了关于安全性、性能、代码质量、用户体验等最新建议。
  • 评估了HTTPS的使用、最新版本软件的使用、代码质量管理等因素。

4. SEO优化（SEO）​

  • 评估网页在搜索引擎中的曝光程度。
  • SEO评分评估了元标签优化、URL结构、内部链接配置、网站地图提供等因素。
    • 元标签优化：优化标题标签、元描述标签等，使其在搜索引擎中更好地展示。
    • URL结构优化：保持友好的URL结构，使搜索引擎爬虫能更容易地索引页面。
    • 提供网站地图：通过提供网站地图来告知搜索引擎网站的结构。
  • 提供了提高博客或网站在搜索引擎中可见性的优化方法。

例如，可能有一些网站并未提供网站地图。 站点地图是网络爬虫用来确认网站拥有哪些数据的工具。 即使没有站点地图，爬虫也可以抓取数据，但如果有站点地图，可以向爬虫提供信息，从而获得更好的评分。

5. PWA转换​

  • 评估网络应用的Progressive Web App功能。
  • PWA分数评估离线使用能力，应用启动屏幕，添加到主屏幕的可能性，服务工作人员等。
  • 检查技术要求，以改进用户体验并使网络应用像应用一样运行。

结束​

这五个项目是Lighthouse对网页进行全面评估和改进的领域。 考虑Performance, Accessibility, Best Practices, SEO, PWA等全部因素来优化网页，可以提高用户体验并创建更好的网站。

Lighthouse是一款强大的工具，可以帮助博客运营者改进网页性能，可访问性，SEO，PWA等。 为了优化博客的性能并提高用户体验，利用Lighthouse进行持续的分析和改进工作是非常重要的。 我希望你们也可以利用这个工具，在谷歌搜索排名中获得更高的优先级。

由于涉及到一些技术性内容，如果你不了解上述内容，可能会觉得难以修改。 在这种情况下，更换正在撰写文章的平台可能是最简单的方法。 我认为，只要你意识到这些性能指标，并慢慢改进，就能得到好的结果。