图片格式 有损插件
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 秒
Wi-Fi 桌面设备 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_ageendpoints 数组。您还可以使用 include_subdomains 字段选择在报告错误时是否要考虑子网域。

字段 类型 说明
group 字符串 可选。如果未指定 group 名称,系统会为端点指定名称“default”。
max_age 数值 必需。一个非负整数,用于定义端点的生命周期(以秒为单位)。如果值为“0”,则会导致端点组从用户代理的报告缓存中移除。
endpoints 数组<Object> 必需。一个 JSON 对象数组,用于指定报告收集器的实际网址。
include_subdomains 布尔值 可选。一个布尔值,用于为当前来源的主机的所有子网域启用端点组。如果省略或为除“true”以外的任何值,系统不会向端点报告子网域。

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