Tabelle

Formato dell'immagine Plug-in per la perdita di dati
JPEG imagemin-mozjpeg
PN immaginemin-pngquant
GIF immagine-giflossy
Plug-in Imagemin per i tipi di file.
Strumento Riepilogo
Faro
  • Budget per diversi tipi di risorse in base alle dimensioni o al numero
webpack
  • Budget basati sulle dimensioni degli asset generati da webpack
  • Controlla le dimensioni non compresse
Una tabella con il contenuto della cella allineato verticalmente tramite l'eccezione data-alignment="top".
Opzione 1 Opzione 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
Tabella che utilizza un elemento "code".
Rete Dispositivo JS Immagini CSS HTML Caratteri Totale Tempo di attesa per il budget della sessione interattiva
3G lento Moto G4 100 30 10 10 20 ~170 kB 5 s
4G lento Moto G4 200 50 35 30 30 ~345 kB 3 sec
WiFi Computer 300 250 50 50 100 ~750 kB 2s
Le tabelle scorrono quando la larghezza è maggiore di quella della colonna dei contenuti.

Video

Codec Estensione Raccolta
av1 WebM, mkv Libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

Audio

Codec Estensione Raccolta
aac MP4 aac
opus WebM libopus
Vorbis WebM Libvorbis

In seguito, ti mostreremo come modificare la velocità in bit dei file appena creati.

Spiegazione dei campi di intestazione

Ogni configurazione di endpoint contiene un nome group, max_age e un array endpoints. Puoi anche scegliere se prendere in considerazione i sottodomini quando segnali gli errori utilizzando il campo include_subdomains.

Campo Tipo Descrizione
group stringa Campo facoltativo. Se il nome group non è specificato, all'endpoint verrà assegnato il nome "default".
max_age numero Obbligatorio. Un numero intero non negativo che definisce la durata dell'endpoint in secondi. Il valore "0" comporterà la rimozione del gruppo di endpoint dalla cache dei report dello user agent.
endpoints Array<Object> Obbligatorio. Un array di oggetti JSON che specifica l'URL effettivo del raccoglitore di report.
include_subdomains boolean Campo facoltativo. Un valore booleano che abilita il gruppo di endpoint per tutti i sottodomini dell'host dell'origine attuale. Se omesso o qualsiasi cosa diversa da "true", i sottodomini non vengono segnalati all'endpoint.

Il nome group è un nome univoco utilizzato per associare una stringa a un endpoint. Utilizza questo nome in altre posizioni che si integrano con l'API di reporting per fare riferimento a un gruppo specifico di endpoint.