在收集网站审核的效果指标之前，您可以执行几项检查，以找出简单的解决方法和需要重点关注的方面。
有效性检查：架构和代码
请尽可能在测量性能之前修复简单的 bug 并移除不需要的资源和代码，但务必保留问题和修复措施的记录（测量前后）。您仍然可以将这些改进纳入审核工作中。
网站架构和资源
是否可以轻松从代码库和网站中移除任何内容，例如未使用的旧版网页、内容或其他资源？检查是否有孤岛页、多余的模板、未使用的图片以及未使用的代码和库。
运行时错误
检查浏览器控制台中是否有报告的错误。应该没有 :)。
代码 lint 检查
您的 HTML、CSS 或 JavaScript 代码中是否存在错误？将 lint 集成到工作流中有助于维护代码质量并避免回归问题。我们建议使用 HTMLHint、StyleLint 和 ESLint，它们可用作代码编辑器插件，或在工作流程和持续集成工具（例如 Travis）的命令行中运行。
损坏的链接和图片
有很多工具可用于在构建时和运行时测试损坏的链接，包括 Chrome 扩展程序（这个很不错）和 Node 工具，例如损坏的链接检查器。
插件
Flash 和 Silverlight 等插件可能会带来安全风险，我们已弃用对它们的支持，并且它们在移动设备上不起作用。使用 Lighthouse 检查插件。
使用各种设备和情境进行测试
让真实用户使用真实设备、多种浏览器和不同的网络连接环境测试您的网站，是效果最好的测试方式。
其中一些检查相对主观，但可以找出影响感知性能的问题。例如，损坏的链接会浪费时间，并且会让人感觉“无响应”。难以辨认的文字读起来很慢。
跨设备测试
尝试不同的视口和窗口大小。使用至少 1 部移动设备和 1 部桌面设备。如果可能，请在屏幕较小的低规格移动设备上试用您的网站。文字是否清晰可辨？图片是否损坏？您可以放大吗？触摸目标是否足够大？速度慢吗？
是否有功能无响应？截取屏幕截图或录制视频来记录结果。
跨平台测试
您要定位到哪些平台？您需要在用户当前和未来使用的浏览器和操作系统上进行测试。
连接性
在多种目标网络类型上进行测试：已连接、Wi-Fi 和移动网络。您可以使用浏览器工具来模拟各种网络条件。
设备
请务必在与用户相同的设备上试用您的网站。以下照片显示了两部不同手机上的同一页面。
在大屏幕上，文字虽然较小，但仍可辨识。在较小的屏幕上，浏览器会正确呈现布局，但文本无法辨认，即使放大也是如此。显示屏模糊不清，并且存在“色偏”（白色看起来不像白色），导致内容难以辨认。
这样的简单发现可能比晦涩难懂的性能数据更重要！
试用界面和用户体验
无障碍功能、易用性和可读性
为确保所有人都能访问您网站的内容和功能，您需要了解用户的多样性。Lighthouse 和其他工具可用于测试特定的无障碍问题，但没有什么比实际测试更有效。尝试在各种场景中阅读、导航和输入数据：例如在阳光下或在火车上。请各种各样的朋友、家人和同事试用您的网站。尝试通过屏幕阅读器（例如在 Mac 上使用 VoiceOver，在 Windows 上使用 NVDA）来使用内容。
如需详细了解如何实现和审核无障碍功能，请参阅 Udacity 上的无障碍功能课程以及 Web 基础知识一文中的如何进行无障碍功能审核。
记录无障碍功能审核结果。您很可能会做出一些简单的改进，让所有用户受益。
基本界面和用户体验问题
互动效果不佳、较小的窗口和视口中元素超出边界、点按目标过小、内容无法阅读、滚动不流畅……在网站上打开多个网页，试用导航栏和所有核心功能。记下相关信息。
图片、音频和视频
测试内容是否超出边界、宽高比是否不正确、剪裁是否不当以及是否存在质量问题。
主观界面测试
这些测试可能并不完全相关，但简单的更改可以简化重构：
- 您打开网站后，是否立即看到“我可以在这里做些什么？”
- 您是否会被吸引去观看内容和点击链接？
- 是否存在视觉层次结构或路径，还是所有内容都具有相同的视觉显眼程度？
- 布局是否杂乱无章？
- 字体是否过多？
- 是否有图片或其他内容可以移除？
- 内容设计与界面设计同样重要。您网站上的文字和图片内容是否适合移动设备和桌面设备环境？可以排除哪些因素？ 针对移动设备编写。