表

图片格式 有损插件
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF imagemin-giflossy
适用于文件类型的 Imagemin 插件。
工具 摘要
灯塔
  • 不同类型资源的预算（基于其大小或数量）
Webpack
  • 基于 webpack 生成的资源大小的预算
  • 检查未压缩的大小
包含单元格内容按 data-alignment="top" 异常设置垂直对齐的表格。
选项 1 选项 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
使用“code”元素的表格。
网络 设备 JS 图像 CSS HTML 字体 总计 可交互时间预算
慢速 3G Moto G4 100 30 10 10 20 约 170 KB 5 秒
慢速 4G Moto G4 200 50 35 30 30 约 345 KB 3 秒
WiFi 桌面版 300 250 50 50 100 约 750 KB 2 秒
当表的宽度大于内容列的宽度时，表就会滚动。

视频

编解码器 扩展程序 媒体库
av1 WebM、mkv libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

音频

编解码器 扩展程序 媒体库
aac MP4 aac
OPUS WebM Libopus
Vorbis WebM libvorbis

接下来，我们将介绍如何更改新创建的文件的比特率。

标头字段说明

每个端点配置都包含一个 group 名称、max_age 和 endpoints 数组。您还可以使用 include_subdomains 字段来选择在报告错误时是否考虑子网域。

字段 类型 说明
group string 可选。如果未指定 group 名称，则会为端点指定名称“default”。
max_age number 强制要求。定义端点生命周期（以秒为单位）的非负整数。如果值为“0”，端点组将从用户代理的报告缓存中移除。
endpoints 数组<对象> 强制要求。一个 JSON 对象数组，用于指定报告收集器的实际网址。
include_subdomains boolean 可选。一个布尔值，用于为当前源主机的所有子网域启用端点组。如果省略或除“true”以外的任何其他值，系统不会向端点报告子网域。

group 名称是用于将字符串与端点相关联的唯一名称。在与 Reporting API 集成的其他地方使用此名称来引用特定端点组。