新的！ Google Lighthouse 与 iThemes Sync Pro 的集成

iThemes Sync Pro 现在让您能够利用 Google Lighthouse API 来审核同步仪表板中每个网站的性能、搜索引擎优化和可访问性。

您所要做的就是输入您要审核的 URL，Sync Pro 将使用 Google Lighthouse 在页面上运行一系列检查。

检查完成后，您将在 Sync Pro 仪表板中收到一份摘要，告诉您页面的表现如何。 审核摘要将向您显示您的页面在哪里成功以及它可能需要注意的地方。

真正酷的部分是每个审计都包括解释为什么检查的不同元素是必不可少的和可操作的步骤，您可以采取这些步骤来解决审计摘要中发现的问题。

什么是谷歌灯塔？

Google 的 Lighthouse 是一种用于提高网页质量的开源自动化工具。 您可以针对任何网页、公共网页或需要身份验证的网页运行它。 它对性能、可访问性、渐进式网络应用程序、搜索引擎优化等进行了审核。

Google Lighthouse 与 Pagespeed

Google 提供的两种审计工具 Google PageSpeed 和 Lighthouse 有什么区别？

• PageSpeed Insights仅衡量您的性能指标，而 Lighthouse 也会审核网站的其他方面（SEO、可访问性、渐进式网络应用程序等）
• Google PageSpeed 使用实验室数据和真实世界数据的“组合”，而 Lighthouse仅使用实验室数据（在一致的条件下）来构建其审计摘要。

Lighthouse 现在已合并到 PageSpeed Insights 中。 它是 PageSpeed 的集成分析引擎。

您应该审核网页质量的 8 个理由

在我们查看实际的站点审核之前，让我们花点时间讨论一下为什么您应该审核您的网页质量。

1. 提高搜索引擎的可发现性– Google 在排名中使用您的桌面和移动页面的页面速度。 使用站点审核中的性能提示来提高排名。
2. 降低跳出率- 如果移动页面加载时间超过 3 秒，超过一半的访问者将放弃您的网站。
3. 扩大您的受众- 让残障人士可以访问您的网站将增加可以使用您网站的人数。
4. 提高您的利润——遵循 Web 开发最佳实践将创造更好的客户体验。 事实上，86% 的买家愿意为更好的客户体验支付更多费用。
5. 改进与搜索引擎的沟通– 使用站点审核中的提示确保搜索引擎能够理解您的内容。
6. 具有已知安全漏洞的 JavaScript 库– 站点审核检查并标记包含具有已知安全漏洞的前端 JavaScript 库的页面。 开发人员在他们的插件和主题中使用第三方代码（如 JS 库）是常见的做法。 不幸的是，如果这些库没有得到妥善维护，它们可能会产生攻击者可以利用的漏洞来入侵您的网站。 使用具有已知漏洞的组件在 OWASP Top 10 列表中。
7. 指向跨源目的地的不安全链接– 此审核将检查页面跨源目的地上的链接是否安全。 当您使用target="_blank"属性链接到另一个站点上的页面时，您的站点可能会面临性能和安全问题。
8. 不在 HTTPS 上的页面– 站点审核不仅会检查初始页面请求是否通过 HTTPS 提供，还会检查页面资源是否全部通过 HTTPS 加载。 如果您使用的资源未通过 SSL 加密，入侵者可能会拦截访问者与网站之间的通信。

见现场审核在行动

要开始进行站点审核，请登录 iThemes Sync Pro 仪表板并单击列表中的站点。

接下来，单击新的站点审核选项卡以查看您的 Lighthouse 设置。

在这里，您会找到几个不同的站点审核选项：

1. 主 URL – 使用此选项在您网站的主页上运行审核。
2. 页面 URL – 选择此选项可输入要审核的网页的 URL。
3. 加载现有审计摘要- 您还可以从此下拉列表中查看以前完成的审计摘要。
4. 生成- 单击此按钮可运行新的网页审核。

单击“生成”按钮以创建和查看您的第一个站点审核摘要，就在您的同步仪表板中。

现场审核类别

在页面顶部，您将看到 4 个审核类别的分数： Performance 、 Accessibility 、 Best Practices和SEO 。 让我们仔细看看 Sync Pro 站点审核的每个部分。

1. 性能

审核的性能部分检查您的页面是否针对用户进行了优化，以便用户能够查看您的网页内容并与之交互。 您会在顶部看到总分，并在下方看到更多信息。

单击“指标”切换按钮可查看用于扫描您网站的每个指标的说明。

此视图分解了有关您的表现如何评分的一些详细信息：

• First Contentful Paint – 这是加载第一个文本或图像的时间。
• 交互时间——这是页面完全交互所需的时间。
• 速度指数- 速度指数显示页面内容明显填充的速度。
• Total Blocking Time – FCP 和 Time to Interactive 之间所有时间段的总和。
• 最大内容绘制– 最大内容绘制标记加载最大文本或图像的时间。
• 累积布局偏移– 累积布局偏移测量视口内可见元素的移动。

要更好地了解您的绩效分数是如何计算的，请单击查看计算器链接。

机会部分将为您提供建议，以帮助您更快地加载页面。

您可以在“诊断”部分找到有关页面性能的一些信息。 该摘要还将为您提供您的网页通过的性能检查列表。

2. 可访问性

辅助功能审核会检查您的网页是否可供残障网站访问者使用。

请记住，审计无法测试每个与可访问性相关的考虑因素。 但是，请放心，Lighthouse 不会让您悬而未决。 您的审核摘要将为您提供一个额外项目列表，您可以检查和测试说明。

您还将在本节底部找到您的页面成功通过的所有可访问性检查的列表。

3. 最佳实践

审核还将运行自动检查，以查看您的网页是否遵循 Web 开发最佳实践。

最佳实践审核检查您的页面是否遵循基本最佳实践，包括您的页面是否使用 HTTPS 并允许用户粘贴到密码字段中。

4. 搜索引擎优化

最后， SEO审核会检查以确保您的页面针对搜索引擎结果排名进行了优化。

此 SEO 审核会检查您是否遵循内容最佳实践，并为您提供页面通过的 SEO 审核项目列表。

如果页面审核失败怎么办

如果您的网页未通过站点审核的任何部分，请不要担心。 该摘要将为您提供解决审核发现的任何问题所需采取的步骤。

让我们来看看我的审计摘要。 我们可以看到我的网页未通过 SEO 元描述审核。 要获取更多信息，我们可以单击切换箭头。

单击切换箭头后，我们将看到元描述是什么及其重要性的解释，以及了解更多信息的链接。

单击该链接会将我们发送到Lighthouse 文档。 该文档将解释页面未通过元描述审核的原因，并为我们提供解决失败的说明。

按照说明修复摘要中发现的问题后，您可以重新运行审核以查看新分数。

包起来

新的 iThemes Sync Pro Site Audit 是您新的自动化工具，用于审核您网站的性能、可访问性、 SEO和 Web 开发最佳实践。 审核摘要将为您提供可以采取的具体操作，以提高页面加载速度，为所有访问者提供出色的体验，并扩大您的受众群体。

迈克尔·摩尔

每周，Michael 都会汇总 WordPress 漏洞报告，以帮助确保您的网站安全。 作为 iThemes 的产品经理，他帮助我们继续改进 iThemes 产品阵容。 他是一个巨大的书呆子，喜欢学习所有新旧技术。 你可以找到迈克尔和他的妻子和女儿一起出去玩，在不工作的时候阅读或听音乐。