用途
该技能用于前端性能审计场景,聚焦“显示加载指示器”这一规则。当页面加载缓慢、资源过重或存在渲染延迟时,可借助该技能检查异步操作期间是否向用户提供了恰当的加载状态反馈。加载指示器的作用是让用户确信系统正在处理,避免用户误以为页面损坏而重复点击,从而减少体验下降和重复操作。
主要能力
- 检查异步操作期间是否显示加载状态,并确认是否带有适合屏幕阅读器的 ARIA 属性。
- 修复缺失的加载反馈:实现加载旋转图标或进度条,配合 aria-busy、aria-live 以及清晰的视觉反馈。
- 解释加载指示器如何通过向用户传达系统状态来改善感知性能和可访问性。
- 代码审查:审查影响加载指示器的路由、资源和加载行为,标记出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤,并说明用于确认问题的测量方法。
使用方式
该技能以规则形式提供,包含快速参考、检查、修复、解释和代码审查等环节。快速参考要点包括:为所有异步操作提供即时反馈;内容加载使用骨架屏,操作类使用加载旋转图标;包含 ARIA 属性以支持屏幕阅读器可访问性;避免加载完成时内容跳动。完整实现细节、代码示例和框架特定指南见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/performance/loading-indicators。
适用场景
适用于前端性能审计、可访问性检查以及代码审查流程,尤其针对异步操作反馈、加载状态展示和感知性能优化。
限制
资料未提供该技能的具体安装命令、支持的框架列表、收费信息或平台限制,这些内容暂未提供。