跳至主要内容
Chrome for Developers
获得启发 博客 文档
  • 使用 Chrome 构建
  • 了解 Chrome 的运作方式、参与源试用并随时随地使用 Chrome 构建应用。
  • 网络平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Aurora
  • Android 设备上的 Web
  • 源试用
  • 版本说明
  • 工作效率
  • 利用网络最佳工具为用户创造最佳体验。
  • DevTools
  • Lighthouse
  • Chrome 用户体验报告
  • 无障碍
  • 借助我们现成的库，您可以更快速、更简洁地完成工作。
  • Workbox
  • 木偶操作师
  • 体验
  • 使用 Chrome 设计外观精美且性能出色的网页。
  • AI
  • 性能
  • CSS 和界面
  • 身份
  • 收款
  • 隐私和安全
  • 资源
  • 更多 Chrome 和 Google 产品。
  • 所有文档
  • 基准
  • web.dev
  • PageSpeed Insights 审核
  • Privacy Sandbox
Chrome 中的新功能
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Nederlands
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
  • Lighthouse
Lighthouse 开始使用 效果审核 无障碍功能审核 最佳实践审核 SEO 审核
Chrome for Developers
  • 获得启发
  • 博客
  • 文档
    • 更多
    • Lighthouse
    • 开始使用
    • 效果审核
    • 无障碍功能审核
    • 最佳实践审核
    • SEO 审核
  • Chrome 中的新功能
  • 效果审核
  • 记分
  • 指标
  • First Contentful Paint
  • 速度指数
  • Total Blocking Time
  • 最大内容渲染时间
  • 累积布局偏移
  • 性能提升机会
  • 消除阻塞渲染的资源
  • 适当调整图片大小
  • 推迟显示屏幕外图片
  • 压缩 CSS
  • 缩减 JavaScript
  • 移除未使用的 CSS
  • 对图片进行高效编码
  • 传送现代格式的图片
  • 启用文本压缩
  • 预先连接到必需的源
  • 缩短服务器响应时间
  • 避免多次网页重定向
  • 预加载关键请求
  • 使用视频格式制作动画内容
  • 降低第三方代码的影响
  • 避免使用未合成的动画
  • 使用 Facade 延迟加载第三方资源
  • 诊断信息
  • 避免网络载荷过大
  • 采用高效的缓存政策提供静态资源
  • 避免 DOM 规模过大
  • 避免链接关键请求
  • User Timing 标记和测量
  • 缩短 JavaScript 执行时间
  • 最大限度地减少主线程工作
  • 确保文本在网页字体加载期间保持可见
  • 保持较低的请求数量和较小的传输大小
  • 确保该网页可以从往返缓存中恢复
  • 弃用的指标
  • 可交互时间
  • 首次有效绘制
  • 首次 CPU 空闲时间
  • 最长可能的 First Input Delay
  • 资源
  • 了解效果
  • 使用 Chrome 构建
  • 网络平台
  • 功能
  • ChromeDriver
  • Extensions
  • Chrome Web Store
  • Chromium
  • Aurora
  • Android 设备上的 Web
  • 源试用
  • 版本说明
  • 工作效率
  • DevTools
  • Lighthouse
  • Chrome 用户体验报告
  • 无障碍
  • Workbox
  • 木偶操作师
  • 体验
  • AI
  • 性能
  • CSS 和界面
  • 身份
  • 收款
  • 隐私和安全
  • 资源
  • 所有文档
  • 基准
  • web.dev
  • PageSpeed Insights 审核
  • Privacy Sandbox
此页面由 Cloud Translation API 翻译。
  • 首页
  • Docs
  • Lighthouse
  • 效果审核

使用视频格式制作动画内容

Lighthouse 报告的“优化建议”部分会列出所有 GIF 动画，以及将这些 GIF 动画转换为视频后预计可缩短的秒数：