테이블

이미지 형식 Lossy 플러그인
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF 이미지민-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 리보푸스
Vorbis WebM libvorbis

다음은 새로 생성된 파일의 비트 전송률을 변경하는 방법을 보여 드리겠습니다.

헤더 필드 설명

각 엔드포인트 구성에는 group 이름, max_age, endpoints 배열이 포함됩니다. include_subdomains 필드를 사용하여 오류를 보고할 때 하위 도메인을 고려할지 여부를 선택할 수도 있습니다.

필드 유형 설명
group string 선택사항입니다. group 이름이 지정되지 않은 경우 엔드포인트에 'default'라는 이름이 지정됩니다.
max_age 숫자 필수사항: 엔드포인트의 전체 기간을 초 단위로 정의하는 음수가 아닌 정수입니다. 값이 '0'이면 엔드포인트 그룹이 사용자 에이전트의 보고 캐시에서 삭제됩니다.
endpoints 배열<Object> 필수사항: 보고서 수집기의 실제 URL을 지정하는 JSON 객체의 배열입니다.
include_subdomains boolean 선택사항입니다. 현재 출처 호스트의 모든 하위 도메인에 엔드포인트 그룹을 사용 설정하는 불리언입니다. 생략되거나 'true'가 아닌 경우 하위 도메인이 엔드포인트에 보고되지 않습니다.

group 이름은 문자열을 엔드포인트와 연결하는 데 사용되는 고유한 이름입니다. 특정 엔드포인트 그룹을 참조하려면 Reporting API와 통합되는 다른 위치에서 이 이름을 사용하세요.