用途:属于前端性能审计规则,针对页面加载慢、资源体积大或渲染延迟问题,检查是否存在体积过大的动图 GIF,并改用更高效的视频格式承载动画内容。
主要能力:识别可替换为 MP4 或 WebM 的大型动图 GIF;说明 GIF 在体积上明显大于 MP4/WebM,且视频在控制与性能方面更优;给出修复方向与原因解释。
使用方式:在 DevTools 中确认实际性能瓶颈,审查影响该改造的路由、资源与加载行为,指出具体文件、请求或渲染步骤带来的额外网络、CPU 或布局开销,并说明确认问题所用的测量方法。修复时把动图转换为 MP4 或 WebM,使用 video 标签并设置 autoplay、loop、muted、playsinline 属性。完整实现细节、代码示例与框架相关指导见 references/rule.md。规则页:https://frontendchecklist.io/rules/performance/animated-content
适用场景:页面含大型动图、滚动卡顿或加载缓慢的前端项目性能优化。
限制:未提供具体转换工具、命令、浏览器兼容数据与效果指标;是否适用需结合实际测量判断。