시선을 잡는 움직임. 사용을 방해하지 않는 속도.

먼저 보는 핵심

실제 본문과 링크를 먼저 제공하고, 장면을 돕는 그래픽은 점진적으로 추가합니다. 모바일 글자와 입력 크기, 키보드 이동, 모션 정지와 기기 설정, 화면 밖 렌더링 정지를 점검 대상으로 삼습니다.

성능과 접근성, 화려함의 작동 조건을 함께 봅니다.

확인한 브라우저와 실행 방식은 보고서에 따로 기록합니다. 로컬 기능 검사가 실제 Safari, WebGL 장치, 실사용 성능까지 자동으로 증명하는 것은 아닙니다.

이 제작본에는 움직임을 멈추는 버튼을 두고 기기의 동작 줄이기 설정을 반영했습니다. 화면 밖으로 벗어난 그래픽과 비활성 탭에서는 반복 렌더링을 멈추도록 구현했습니다.

WebGL이 실행되지 않는 환경에는 정적인 시각 대안을 표시합니다. 이 대안이 있다는 사실과 모든 기기에서 동일한 3D 품질이 나온다는 주장은 다릅니다. 실제 사용 기기의 성능과 브라우저 상태에 따라 표현은 달라질 수 있습니다.

그래픽 영역의 크기를 미리 잡고, 작은 화면에서 가로 넘침이 생기는지 확인합니다. 클릭 가능한 요소는 구별되는 이름과 포커스 표시를 갖추고, 중요한 정보는 색이나 모션에만 의존하지 않습니다.

본문은 자바스크립트 실행 전에도 읽을 수 있는 HTML로 제공합니다. 인터넷 연결이 필요한 라이브러리나 웹폰트를 필수 조건으로 사용하지 않아 미리보기에서도 핵심 화면과 동작을 확인할 수 있도록 구성했습니다.

Core Web Vitals의 LCP·INP·CLS는 서로 다른 이용 경험을 다룹니다. 개발 환경의 점검과 실제 사용자 환경의 데이터는 같은 것이 아니므로 구분해서 기록해야 합니다.

현재 산출물에 운영 도메인의 PageSpeed 점수나 실제 사용자 성능 점수를 임의로 부여하지 않습니다. 공개 후보가 확정된 뒤 실제 환경에서 확인해야 할 항목으로 남깁니다.

모션 구현, 브라우저 동작 확인, 운영 사이트 성능 검증은 각각 다른 항목입니다. 하나의 성공으로 나머지를 인증하지 않습니다.

참고한 공식 안내 · 2026년 9월 20일 기준
아래 링크는 검색 플랫폼의 일반 안내입니다. LJH의 제휴·인증·성과를 의미하지 않습니다.web.dev: Web Vitals ↗