Tablas

Formato de imagen Complementos con pérdida
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF imagemin-giflossy
Complementos de Imagemin para tipos de archivos.
Herramienta Resumen
Faro
  • Presupuestos para diferentes tipos de recursos según su tamaño o cantidad
webpack
  • Presupuestos basados en los tamaños de los recursos generados por webpack
  • Verifica los tamaños sin comprimir
Una tabla con el contenido de las celdas alineado verticalmente por la excepción data-alignment="top".
Opción 1 Opción 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
Tabla con un elemento "code".
Red Dispositivo JS Imágenes CSS HTML Fuentes Total Presupuesto de Time to Interactive
3G lenta Moto G4 100 30 10 10 20 ~170 KB 5 s
4G lenta Moto G4 200 50 35 30 30 ~345 KB 3 s
Wi-Fi Computadora de escritorio 300 250 50 50 100 ~750 KB 2 s
Las tablas se desplazan cuando su ancho es mayor que el de la columna de contenido.

Video

Códec Extensión Biblioteca
av1 WebM y MKV libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

Audio

Códec Extensión Biblioteca
aac MP4 aac
opus WebM libopus
vorbis WebM libvorbis

A continuación, te mostraremos cómo cambiar el bitrate de los archivos que acabas de crear.

Explicación de los campos de encabezado

Cada configuración de extremo contiene un nombre group, un max_age y un array endpoints. También puedes elegir si deseas considerar subdominios cuando informes errores con el campo include_subdomains.

Campo Tipo Descripción
group string Opcional. Si no se especifica un nombre de group, al extremo se le asigna el nombre "default".
max_age número Obligatorio. Es un número entero no negativo que define la vida útil del extremo en segundos. Un valor de “0” hará que el grupo de extremos se quite de la caché de informes del usuario-agente.
endpoints Array<Object> Obligatorio. Es un array de objetos JSON que especifican la URL real de tu recopilador de informes.
include_subdomains booleano Opcional. Es un valor booleano que habilita el grupo de extremos para todos los subdominios del host del origen actual. Si se omite o se establece un valor diferente de "true", los subdominios no se informan al extremo.

El nombre group es un nombre único que se usa para asociar una cadena con un extremo. Usa este nombre en otros lugares que se integren con la API de informes para hacer referencia a un grupo de extremos específico.