LCP 이미지 우선순위 플래너
히어로 이미지 전송 비용, 원본 대비 표시 크기 비율, LCP용 우선순위 설정 코드를 계산합니다.
이 도구에 대해
히어로 이미지가 실제 표시 크기보다 과하게 큰지 확인하고, 네트워크에서 어느 정도 시간을 쓰는지 추정합니다.
페이지의 모든 이미지를 preload하는 대신 실제 LCP 후보 이미지에만 우선순위를 주기 위한 출발점으로 사용할 수 있습니다.
전송 시간
408 ms
픽셀 과다 비율
1.78x
상태
좋음
결과
사용 방법
- 1
필요한 값을 입력하거나 텍스트를 붙여넣습니다.
- 2
옵션이나 단위를 원하는 방식으로 조정합니다.
- 3
표시된 결과를 확인하고 필요한 곳에 복사해 사용합니다.
기능
즉시 결과
값을 입력하면 결과가 브라우저에서 바로 업데이트됩니다.
브라우저 처리
입력값은 서버로 업로드하지 않고 기기 안에서 처리됩니다.
간단한 입력
반복 사용에 맞춘 명확한 입력 필드와 출력값을 제공합니다.
무료 사용
가입이나 설치 없이 바로 사용할 수 있습니다.
주요 사용 사례
- ›히어로 이미지에 priority와 fetchPriority high를 써야 하는지 판단합니다.
- ›모바일 LCP를 느리게 만드는 과도하게 큰 원본 이미지를 찾습니다.
- ›첫 화면 핵심 이미지에 맞는 responsive sizes 값을 만듭니다.