Tabele

Format obrazu Wtyczki stratne
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF imagemin-giflossy
Wtyczki Imagemin dla typów plików.
Narzędzie Podsumowanie
Latarnia morska
  • budżety dla różnych typów zasobów na podstawie ich rozmiaru lub liczby;
webpack
  • budżety na podstawie rozmiarów zasobów generowanych przez webpack;
  • Sprawdzanie rozmiarów nieskompresowanych
Tabela z zawartością komórek wyrównaną pionowo za pomocą wyjątku data-alignment="top".
Opcja 1 Opcja 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
Tabela z elementem „code”.
Sieć Urządzenie JS Obrazy CSS HTML Czcionki Łącznie Budżet na czas do pełnej interaktywności
Wolna sieć 3G Moto G4 100 30 10 10 20 ~170 KB 5 s
Wolna sieć 4G Moto G4 200 50 35 30 30 ~345 KB 3 s
Wi-Fi Komputer 300 250 50 50 100 około 750 KB 2 s
Tablice przewijają się, gdy ich szerokość jest większa niż szerokość kolumny z treścią.

Wideo

Kodek Rozszerzenie Biblioteka
av1 WebM, mkv libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

Audio

Kodek Rozszerzenie Biblioteka
aac MP4 aac
opus WebM libopus
vorbis WebM libvorbis

Następnie pokażemy, jak zmienić bitrate nowo utworzonych plików.

Objaśnienie pól nagłówka

Każda konfiguracja punktu końcowego zawiera tablicę group, max_age i endpoints. Możesz też określić, czy raportowanie błędów ma uwzględniać subdomeny, korzystając z pola include_subdomains.

Pole Typ Opis
group ciąg znaków Opcjonalnie: Jeśli nazwa group nie zostanie określona, punkt końcowy będzie miał nazwę „default”.
max_age liczba Wymagany. Nieujemna liczba całkowita określająca czas trwania punktu końcowego w sekundach. Wartość „0” spowoduje usunięcie grupy punktów końcowych z pamięci podręcznej raportowania przeglądarki użytkownika.
endpoints tablica<Object> Wymagany. Tablica obiektów JSON, które określają rzeczywisty adres URL zbieracza raportów.
include_subdomains wartość logiczna Opcjonalnie: Wartość logiczna, która włącza grupę punktów końcowych dla wszystkich subdomen hosta bieżącego źródła. Jeśli ten parametr jest pominięty lub ma wartość inną niż „prawda”, subdomeny nie są raportowane do punktu końcowego.

Nazwa group to unikalna nazwa służąca do powiązania ciągu znaków z punktem końcowym. Używaj tej nazwy w innych miejscach, które integrują się z interfejsem API do raportowania, aby odwoływać się do określonej grupy punktów końcowych.