如何清理您的质量控制流程

质量控制 (QC) 可以成就或破坏您的项目。 尽管如此，这个基本过程可能有点令人生畏，因为 WordPress 客户希望网站能够在从移动设备到智能高清电视的各种设备类型上运行并看起来很棒。

高端质量保证涉及一致的方法、正确的工具以及设计师和开发人员之间的协作。 而且，不要忘记向您的客户清楚地传达该过程，以便他们知道会发生什么以及何时参与。

1. 遵循一致的流程

为了在新网站构建中获得最佳结果，请使用具有多轮质量保证和控制的瀑布方法——当然，时间要适当。

当您开始质量控制时，所有内容都应该已经添加到站点中，并且任何主要的开发工作都应该完成。 如果您还没有完成站点的构建并且最终进行了大量更改，那么您将不得不重新开始该过程。

QC 将需要几个小时以上，因此请确保为这个重要阶段留出足够的时间。 通常，如果您正在审查所有内容，全面的 QC 可能需要 5-7 个工作日。 对于具有大量页面的大型网站或电子商务和会员网站，该过程可能需要更长的时间。

如果您正在进行两轮或三轮质量控制，则可以在每个阶段涉及不同的团队成员。 第一轮通常涉及开发人员和设计师审查网站并交叉检查所有内容是否符合设计和范围。

第二轮通常是最深入的步骤，可能涉及浏览器测试和在多种设备尺寸上审查网站，而最后一轮则涉及客户端。 希望到此为止，不会再有任何问题需要客户指出！

2.利用浏览器和测试工具

正确的工具将使 QC 方式更加高效。 以下是一些简化流程的最佳方法。

Browser Stack 是一个流行的网站和移动测试平台，可让您在 2000 多种设备和浏览器上测试和模拟网站。 您还可以在查看站点时轻松捕获错误或修复的屏幕截图。 有这么多不同的手机和平板设备和尺寸，如果不使用这样的平台，很难对网站进行 QC。 毕竟，如果没有测试平台的帮助，您的团队很可能不会拥有 iPhone 和 Android 的所有版本来充分测试网站。

当然，在实时计算机（和移动设备）上使用尽可能多的不同浏览器检查网站始终是一个好主意。 虽然测试模拟可以提供非常准确的站点表示，但检查设备本身可以提供另一层确定性，并且可能会发现一些本来会被遗漏的东西。

另外两个很棒的资源是 ChromeDev Tools 和 Chrome Lighthouse 审计。 借助 Google Chrome Lighthouse，您可以审核性能、可访问性和最佳做法。 但是，无论您选择何种工具，请确保您的团队遵循一份明确的清单，确定您打算测试哪些浏览器、设备和分辨率，并跟踪结果。

在项目开始时，与客户就您的团队支持的浏览器和分辨率建立明确的指导方针。 例如，某些浏览器（如 Internet Explorer）不再得到很好的支持，因此在不稳定的平台上花费数小时是没有意义的。

3.包括你的设计师的反馈

质量控制和保证不仅仅是开发团队的任务。 网页设计师可能会出现许多最适合注意的问题。

设计师可以在网站上查看表单设计、颜色选择和悬停，确保所有内容都与模型匹配。 他们还可以帮助解决网站上的任何响应问题。 如果开发人员在移动设备上遇到问题，设计师可以就元素应如何折叠以定位在较小的设备上提供有价值的反馈。 如果该网站包含任何微动画和滚动动画，设计师也可以审查并确保这些与他们的愿景相匹配。

最后，设计师可以观察建筑网站上图像和设计元素的质量和分辨率。 开发人员经常在构建过程中优化图像以提高性能，有时优化工作会过多地降低分辨率并损害设计质量。

随着设计变得越来越复杂并涉及更多动态元素，设计师和开发人员之间肯定有很多合作领域。 考虑到这一点，网页设计师可以通过为开发团队准备网站风格指南和设计师笔记来减少 QC 过程中的一些来回。

让设计师为主页或移动菜单的一部分准备移动模型也很有帮助，以减少 QC 期间的大量移动更改。

4. 关注性能和可访问性

今天，所有网站团队都需要在项目的每一步都考虑性能。 通过在 QC 过程中解决性能问题，您可以避免重大的优化工作和客户投诉。

几年来，性能和页面加载时间一直是搜索引擎优化的排名因素，而不仅仅是排名。 页面加载时间也会影响网站上的用户体验。 在开发过程中做出决策时，请考虑从选择的插件到父主题的性能影响。

Web 可访问性是 QC 的另一个重要考虑因素。 遵循开发最佳实践和 Web 内容可访问性指南可以最大限度地减少网站上的其他错误。 对于可访问性，您需要查看键盘导航功能、设计布局中的颜色对比以及任何表单上的错误消息。 您可以利用 WebAIM 的颜色对比工具来检查网站上的对比度。

在 QC 过程中，确保运行一些基线 WordPress 速度测试——并在启动后再次重复它们。 如果您在生产服务器环境中构建新站点，如果没有启用缓存或站点最终将托管在不同的平台上，您可能无法获得准确的结果。

5.电子商务和复杂的开发检查

除了在 QC 过程中检查视觉问题外，您还需要为复杂的构建分配更多时间，例如电子商务或会员网站。

为这些类型的项目制定特定流程会很有帮助，这样您就不会错过任何关键测试。 除了上述正常的 QC 项目外，您还需要测试购物车、查看运输设置并检查电子商务网站的任何产品过滤或搜索选项。 您还需要注意与电子邮件平台和/或 CRM 的集成问题。

对于会员网站，您需要测试新会员注册、付款处理（如果适用）和续订步骤的步骤。 大多数支付网关（如 PayPal 和 Stripe）都提供了在生产站点上进行测试支付的方法，而无需处理付款然后退款。

所有这些元素都可以为这些类型的站点的质量控制过程增加几天的时间。 然而，质量控制步骤对于电子商务网站来说更为关键，因为任何重大问题都会直接影响销售和收入。

如果您的客户将在发布前向网站添加产品，那么在网站上设置所有内容和产品之前推迟质量控制会很有帮助。

接近完美

在 QC 过程中可能需要处理很多细节，但这一切都归结为一致性、协作和得到良好支持的工具。

当然，建立明确的界限，确定团队职责何时结束。 在客户访问站点或将站点移动到不同的托管平台后，预测错误可能非常具有挑战性。

为 Web 开发人员下载排名第一的本地 WordPress 开发工具！

本地拥有完成更多工作所需的一切。 由于其一键式安装、即时托管连接控件以及遇到问题时的强大支持，这是一种在本地开发 WordPress 网站的轻松方式。 它受到来自世界各地超过 100,000 多名才华横溢的开发人员的信任（最好的部分 - 它是免费的）！ 在此处开始使用本地。