AEO/GEO 콘텐츠의 성능 개선은 답변 페이지의 읽기·선택·문의 흐름을 대상으로 잡는다. 검색이나 AI 답변의 링크를 따라올 독자를 위한 점검 범위를 질문의 첫 답, 비교 자료, 다음 상세·신청 경로로 정한다. 콘텐츠 담당자는 필요한 답이 남는지, 개발 담당자는 그 답과 동작이 언제 나타나는지를 함께 검수한다. 아래 작업 요청은 운영 설계 제안이며 실제 AI 유입이나 인용 증가를 측정한 결과가 아니다.
Core Web Vitals를 개선할 때는 빨간 지표를 보고 곧바로 사진부터 압축하지 않는다. 어떤 페이지에서 사용자가 무엇을 기다리는지 정한 뒤, 로딩이 늦는 문제는 LCP, 화면이 밀리는 문제는 CLS, 입력 뒤 반응이 늦는 문제는 INP로 나눠 원인을 찾는다. 실사용 자료로 문제 범위를 고르고, 재현한 동작에서 수정할 요소를 좁히는 순서가 작업의 낭비를 줄인다.
먼저 보고서가 어떤 방문을 말하는지 읽는다
PageSpeed Insights(PSI)의 실사용 자료는 최근 28일의 Chrome 사용자 경험 보고서(CrUX)를 바탕으로 한다. URL의 표본이 부족하면 사이트의 오리진 자료로 대체될 수 있다. 오리진은 같은 출처의 여러 페이지를 포함하므로, 그 값만 보고 특정 상품 상세나 예약 화면이 같은 상태라고 판단하지 않는다. URL과 오리진 모두 자료가 부족하면 실사용 결과가 없을 수 있다.
이 내용의 자료·근거
근거 확인 · PSI의 실사용 자료는 최근 28일의 CrUX 자료이며 URL 자료가 부족하면 오리진으로 대체될 수 있고 오리진도 부족하면 실사용 자료를 표시하지 못한다.
PSI의 실사용 자료는 최근 28일의 CrUX 자료이며 URL 자료가 부족하면 오리진으로 대체될 수 있고 오리진도 부족하면 실사용 자료를 표시하지 못한다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google for Developers의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Real-user experience data에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 도구의 현재 자료 범위다. 특정 기사나 구매 페이지의 문제가 오리진 평균과 같다고 확정하거나 자료 없음에 양호/불량 값을 넣지 않는다.
- 확인 범위
- 원자료 확인
PageSpeed Insights 자료 범위와 판정 예외 ↗
Real-user experience data
출처Google for Developers · PageSpeed Insights 자료 범위와 판정 예외 ↗Real-user experience data; Distribution and selected metric values; Core Web Vitals; Lab diagnostics
공식 양호 목표는 아래와 같다. 모바일과 데스크톱을 나눠 방문의 75백분위에서 읽는다. 자기 컴퓨터의 한 번 실행이나 전체 평균이 이 기준을 대신하지 않는다. CLS에는 시간 단위가 없으므로 다른 지표의 숫자 크기와 비교해 “가장 낮은 값부터 고친다”는 순서를 만들 수도 없다.
이 내용의 자료·근거
근거 확인 · 현재 Core Web Vitals는 로딩·반응성·화면 안정성의 LCP·INP·CLS로 구성된다.
현재 Core Web Vitals는 로딩·반응성·화면 안정성의 LCP·INP·CLS로 구성된다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Core Web Vitals에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 현재 공식 분류다. 지표가 좋다는 사실과 독자에게 필요한 답/상품 선택·검색/AI 노출은 다른 평가다.
- 확인 범위
- 원자료 확인
Core Web Vitals 기준과 필드·랩 도구 ↗
Core Web Vitals
근거 확인 · 공식 목표의 평가는 모바일과 데스크톱을 나눠 페이지 방문의 75백분위에서 판단한다.
공식 목표의 평가는 모바일과 데스크톱을 나눠 페이지 방문의 75백분위에서 판단한다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Core Web Vitals: threshold and compliance에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 전체 평균이나 편집자가 자기 기기에서 한 번 본 값으로 대신하지 않는다. PSI의 자료 부족 예외는 해당 도구 안내에 따른다.
- 확인 범위
- 원자료 확인
Core Web Vitals 기준과 필드·랩 도구 ↗
Core Web Vitals: threshold and compliance
출처Google · web.dev · Core Web Vitals 기준과 필드·랩 도구 ↗Core Web Vitals; Field tools; Lab tools to measure Core Web Vitals
표가 잘리면 좌우로 이동해 읽을 수 있습니다.
| 지표 | 양호 목표 | 담당자가 좁힐 문제 |
|---|---|---|
| LCP | 2.5초 이하 | 처음 보이는 주요 콘텐츠가 언제 표시되는가 |
| CLS | 0.1 이하 · 단위 없음 | 예상 밖 이동이 어느 요소/상태에서 발생하는가 |
| INP | 200ms 이하 | 어떤 클릭·탭·입력 뒤 다음 화면 표시가 막히는가 |
이 내용의 자료·근거
근거 확인 · Google Web Vitals의 LCP 양호 목표는 2.5초 이하다.
Google Web Vitals의 LCP 양호 목표는 2.5초 이하다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 공식 양호 목표의 경계값
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 양호 목표이며 자체 전후 비교가 아니다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 2.5
- 단위
- 초
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Core Web Vitals: LCP threshold에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 공식 경계값이다. 자사 로딩 시간이나 파일 압축으로 얻을 개선량·검색 효과를 뜻하지 않는다.
- 확인 범위
- 원자료 확인
Core Web Vitals 기준과 필드·랩 도구 ↗
Core Web Vitals: LCP threshold
근거 확인 · Google Web Vitals의 INP 양호 목표는 200ms 이하다.
Google Web Vitals의 INP 양호 목표는 200ms 이하다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 공식 양호 목표의 경계값
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 양호 목표이며 자체 전후 비교가 아니다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 200
- 단위
- ms
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Core Web Vitals: INP threshold에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 공식 경계값이다. 자기 계정/고객의 실측값이나 모든 작업의 최종 완료 시간으로 쓰지 않는다.
- 확인 범위
- 원자료 확인
Core Web Vitals 기준과 필드·랩 도구 ↗
Core Web Vitals: INP threshold
근거 확인 · Google Web Vitals의 CLS 양호 목표는 0.1 이하다.
Google Web Vitals의 CLS 양호 목표는 0.1 이하다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 공식 양호 목표의 경계값
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 양호 목표이며 자체 전후 비교가 아니다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 0.1
- 단위
- 단위 없음
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Core Web Vitals: CLS threshold에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 공식 경계값이다. 화면이 조금도 움직이지 않았다는 판정이나 실제 사이트 측정 결과가 아니다.
- 확인 범위
- 원자료 확인
Core Web Vitals 기준과 필드·랩 도구 ↗
Core Web Vitals: CLS threshold
출처Google · web.dev · Core Web Vitals 기준과 필드·랩 도구 ↗Core Web Vitals; Field tools; Lab tools to measure Core Web Vitals
PSI의 통과 문구도 지표와 함께 읽는다. 자료가 충분하면 LCP·INP·CLS의 양호 여부로 판정하지만, INP 자료가 부족한 경우에는 LCP와 CLS가 양호하면 통과할 수 있다. LCP나 CLS 자료가 부족하면 평가할 수 없다. 따라서 “통과” 화면에서 INP가 보이지 않는다면 INP도 실제로 양호했다고 보고하는 대신, 어떤 자료로 판정됐는지를 남긴다.
이 내용의 자료·근거
근거 확인 · PSI는 지표가 충분하면 LCP·INP·CLS의 양호 여부로 판정하고, INP 자료가 부족하면 LCP와 CLS가 양호한 경우 통과할 수 있다. LCP나 CLS 자료가 부족하면 평가할 수 없다.
PSI는 지표가 충분하면 LCP·INP·CLS의 양호 여부로 판정하고, INP 자료가 부족하면 LCP와 CLS가 양호한 경우 통과할 수 있다. LCP나 CLS 자료가 부족하면 평가할 수 없다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google for Developers의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Core Web Vitals에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 현재 PSI의 판정 예외다. INP 미표시를 INP 자체의 양호 실측으로 해석하지 않으며 도구별 기능을 일괄 확장하지 않는다.
- 확인 범위
- 원자료 확인
PageSpeed Insights 자료 범위와 판정 예외 ↗
Core Web Vitals
출처Google for Developers · PageSpeed Insights 자료 범위와 판정 예외 ↗Real-user experience data; Distribution and selected metric values; Core Web Vitals; Lab diagnostics
아래쪽 Lighthouse 결과는 통제된 환경의 진단 자료다. 입력 없이 페이지를 로딩하는 실행에서는 INP를 측정하지 못하고 TBT를 대리지표로 쓴다. TBT가 좋아졌다는 보고를 실사용 INP 개선으로 바꿔 적지 않는다. 실제 클릭·입력을 재현한 랩 검수와 방문자 자료가 서로 어떤 질문에 답하는지 구별해야 한다.
이 내용의 자료·근거
근거 확인 · 입력 없이 페이지 로딩만 실행하는 Lighthouse는 INP를 측정할 수 없으며 TBT는 실험실에서 측정 가능한 대리지표다.
입력 없이 페이지 로딩만 실행하는 Lighthouse는 INP를 측정할 수 없으며 TBT는 실험실에서 측정 가능한 대리지표다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 Lab tools to measure Core Web Vitals에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 입력 없는 로딩 실행의 범위다. 실제 입력을 실행하는 다른 랩 도구에서도 INP가 불가능하다는 뜻이 아니며 TBT를 실제 방문 INP로 이름 바꾸지 않는다.
- 확인 범위
- 원자료 확인
Core Web Vitals 기준과 필드·랩 도구 ↗
Lab tools to measure Core Web Vitals
출처Google · web.dev · Core Web Vitals 기준과 필드·랩 도구 ↗Core Web Vitals; Field tools; Lab tools to measure Core Web Vitals
LCP: 파일이 작아졌는데도 늦게 보이는 이유
LCP는 화면 안의 주요 이미지나 텍스트가 표시되는 시점을 다룬다. 공식 최적화 안내는 서버의 첫 응답, 해당 자원 요청을 시작하기까지의 지연, 다운로드, 다운로드 뒤 요소를 표시하기까지의 지연으로 나눠 본다. “대표사진 용량이 크다”는 설명은 이 가운데 한 구간만 가리킨다. 먼저 진단에서 실제 LCP 요소와 해당 요청을 찾아야 한다.
이 내용의 자료·근거
근거 확인 · LCP는 서버 첫 응답·자원 요청 시작까지의 지연·자원 다운로드·요소 표시 지연으로 분해할 수 있으며 파일 전송 단축만으로 전체 LCP가 줄지 않을 수 있다.
LCP는 서버 첫 응답·자원 요청 시작까지의 지연·자원 다운로드·요소 표시 지연으로 분해할 수 있으며 파일 전송 단축만으로 전체 LCP가 줄지 않을 수 있다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 LCP breakdown; compression example에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 공식 진단 방법과 JavaScript 뒤 표시되는 예시에 한정한다. 모든 LCP 문제의 원인을 이미지라고 확정하거나 자사 측정 개선으로 쓰지 않는다.
- 확인 범위
- 원자료 확인
LCP의 요청·다운로드·표시 지연 분해 ↗
LCP breakdown; compression example
출처Google · web.dev · LCP의 요청·다운로드·표시 지연 분해 ↗Understanding your LCP metric; LCP breakdown
같은 안내의 예에서는 이미지 파일을 더 압축해 다운로드를 단축해도 전체 LCP가 줄지 않는다. 이미지가 JavaScript 로딩을 기다렸다가 다른 내용과 함께 나타나기 때문이다. 줄어든 전송 시간이 표시 대기 시간으로 옮겨간 셈이다. 이 상태에서 압축 강도를 계속 높이면 사진의 품질을 희생하면서도 사용자의 기다림은 남길 수 있다.
이 내용의 자료·근거
근거 확인 · LCP는 서버 첫 응답·자원 요청 시작까지의 지연·자원 다운로드·요소 표시 지연으로 분해할 수 있으며 파일 전송 단축만으로 전체 LCP가 줄지 않을 수 있다.
LCP는 서버 첫 응답·자원 요청 시작까지의 지연·자원 다운로드·요소 표시 지연으로 분해할 수 있으며 파일 전송 단축만으로 전체 LCP가 줄지 않을 수 있다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 LCP breakdown; compression example에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 공식 진단 방법과 JavaScript 뒤 표시되는 예시에 한정한다. 모든 LCP 문제의 원인을 이미지라고 확정하거나 자사 측정 개선으로 쓰지 않는다.
- 확인 범위
- 원자료 확인
LCP의 요청·다운로드·표시 지연 분해 ↗
LCP breakdown; compression example
출처Google · web.dev · LCP의 요청·다운로드·표시 지연 분해 ↗Understanding your LCP metric; LCP breakdown
요청서에는 “이미지를 WebP로 바꿔 주세요”보다 “이 페이지의 LCP 요소와 요청 시작·다운로드 완료·실제 표시 시점을 대조하고 가장 지연된 구간을 고쳐 주세요”라고 쓴다. 자원을 늦게 발견하는 문제가 확인되면 요청 경로를, 내려받은 뒤 표시를 막는 문제가 확인되면 그 표시 조건을 담당자와 조정한다. 파일 크기만 줄인 결과 대신 같은 기기·네트워크 조건에서 전체 LCP와 각 구간을 다시 비교하도록 한다.
AI 생성 이미지 · 가상 서버 장비, 실제 병목 진단·성능 시험 자료 아님
CLS: 뉴스 사진이 글을 밀어내던 실제 수정
Yahoo! JAPAN News의 공개 사례는 기사 상세 화면에서 대표사진이 로딩된 뒤 본문이 아래로 밀리는 문제를 설명한다. 팀은 개발자 도구로 이동 요소를 찾았고, 백엔드 API에서 받은 이미지 비율을 이용해 사진이 나타나기 전부터 공간을 예약했다. 사진이 도착했을 때 새 공간을 밀어 넣는 대신 이미 마련한 자리 안에 표시한 것이다.
이 내용의 자료·근거
근거 확인 · Yahoo! JAPAN News의 공개 사례는 기사 사진 로딩 뒤 글이 밀리는 원인을 찾고 백엔드 API의 사진 비율로 로딩 전 공간을 예약한 작업을 설명한다.
Yahoo! JAPAN News의 공개 사례는 기사 사진 로딩 뒤 글이 밀리는 원인을 찾고 백엔드 API의 사진 비율로 로딩 전 공간을 예약한 작업을 설명한다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 과거 자료 · Yahoo! JAPAN News가 과거 공개한 기사 상세 이미지 공간 예약 작업의 설명이다. 현재 사이트의 구현이나 재현 성능·검색/AI 효과로 일반화하지 않는다.
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev / Yahoo! JAPAN News 사례 작성자의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- Yahoo! JAPAN News가 과거 공개한 기사 상세 이미지 공간 예약 작업의 설명이다. 현재 사이트의 구현이나 재현 성능·검색/AI 효과로 일반화하지 않는다.
- 성립 조건
- 해당 자료의 Identifying the issue; Improving CLS for images에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 과거 사례 작성자가 공개한 작업이다. 그 당시의 사업 변화율을 여기서 다시 계산/입증하지 않으며 모든 사이트의 전환 상승을 보장하지 않는다.
- 확인 범위
- 원자료 확인
Yahoo! JAPAN News의 사진 공간 예약 사례 ↗
Identifying the issue; Improving CLS for images
출처Google · web.dev / Yahoo! JAPAN News 사례 작성자 · Yahoo! JAPAN News의 사진 공간 예약 사례 ↗Identifying the issue; Improving CLS for images; Results
여기서 가져올 작업은 “사진을 없애라”가 아니라 “사진이 오기 전후에 본문 자리가 같은가”다. 현재 브라우저를 대상으로는 이미지 크기나 비율을 지정하는 구현을 검토할 수 있지만, 지원해야 할 브라우저와 반응형 표시 조건을 함께 맞춘다. 위 사례의 과거 구현을 그대로 복사하는 것보다 같은 공간 예약 원리를 현재 템플릿에 적용하는 편이 판단에 도움이 된다.
CLS는 초기 로딩에서 일어난 이동만 보는 지표가 아니다. 현재 정의는 페이지 수명의 예상 밖 이동을 세션 구간으로 묶어 가장 큰 누적 구간을 평가한다. 그래서 대표사진 문제를 고친 뒤에도 광고·글꼴·추가 콘텐츠가 나중에 들어오는 상태를 재현할 필요가 있다. 처음 화면이 안정적이었다는 캡처만으로 긴 독서나 목록 탐색 중의 안정성까지 끝냈다고 처리하지 않는다.
이 내용의 자료·근거
근거 확인 · CLS는 페이지 수명의 예상 밖 이동을 세션 구간으로 묶어 가장 큰 누적 구간의 점수로 평가한다.
CLS는 페이지 수명의 예상 밖 이동을 세션 구간으로 묶어 가장 큰 누적 구간의 점수로 평가한다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 What is CLS에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 현재 지표 정의다. 최초 로딩만이나 페이지 전체의 모든 이동 단순 합산으로 설명하지 않는다.
- 확인 범위
- 원자료 확인
CLS의 페이지 수명·세션 구간 정의 ↗
What is CLS
출처Google · web.dev · CLS의 페이지 수명·세션 구간 정의 ↗What is CLS; What is a good CLS score
AI 생성 이미지 · 가상 기기 정물, 실제 웹 화면·CLS 측정 결과 아님
INP: 서버를 기다리는 시간과 화면의 무반응을 나눈다
INP는 클릭·탭·키 입력부터 다음 화면 표시까지의 지연을 방문 전체에서 평가한다. 버튼을 누른 뒤 서버에서 결과를 받는 모든 시간이 INP는 아니다. 바로 대기 상태가 보인 뒤 검색 결과가 늦게 오는 상황과, 버튼 자체가 눌린 표시도 없이 멈춘 상황은 고칠 위치가 다를 수 있다. 스크롤 자체도 INP의 측정 동작에 포함되지 않는다.
이 내용의 자료·근거
근거 확인 · INP는 클릭·탭·키 입력부터 다음 화면 표시까지의 지연을 방문 전체에서 평가하며 최종 네트워크 작업 완료 시간이나 스크롤 자체를 측정하는 지표가 아니다.
INP는 클릭·탭·키 입력부터 다음 화면 표시까지의 지연을 방문 전체에서 평가하며 최종 네트워크 작업 완료 시간이나 스크롤 자체를 측정하는 지표가 아니다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 What is INP; What is in an interaction에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 지표의 공식 범위다. 빠른 대기 표시를 예약/구매 성공으로 판정하지 않으며 네트워크 체감 지연은 별도 검수 대상이다.
- 확인 범위
- 원자료 확인
INP의 입력·다음 화면·측정 범위 ↗
What is INP; What is in an interaction
출처Google · web.dev · INP의 입력·다음 화면·측정 범위 ↗What is INP; What is a good INP score; What is in an interaction; How to measure INP
redBus의 공개 사례에서는 운임 검색 화면의 날짜 변경이 느렸고, 추가 운임을 불러오는 스크롤 작업이 메인 스레드를 차지해 입력 반응에도 영향을 주었다. 팀은 스크롤 콜백이 과도하게 실행되는 빈도를 줄이고 표시 작업을 조정했다. 입력값이 바뀔 때 무거운 상태 갱신과 불필요한 재렌더링이 반복되는 문제에는 입력 상태를 로컬에서 관리하고 포커스를 떠날 때 동기화하는 방식도 적용했다.
이 내용의 자료·근거
근거 확인 · redBus의 공개 사례는 날짜 선택 지연·스크롤 작업의 메인 스레드 경합을 진단하고 스크롤 콜백 빈도와 입력 변경의 불필요한 전체 재렌더링을 줄인 작업을 설명한다.
redBus의 공개 사례는 날짜 선택 지연·스크롤 작업의 메인 스레드 경합을 진단하고 스크롤 콜백 빈도와 입력 변경의 불필요한 전체 재렌더링을 줄인 작업을 설명한다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 과거 자료 · 2023-05-10 갱신 사례에서 redBus가 설명한 검색 페이지와 입력 처리 작업에 한정한다. 당시 보고 수치를 자사/다른 사이트의 효과나 현재 구현으로 옮기지 않는다.
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google · web.dev / redBus 사례 작성자의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2023-05-10 갱신 사례에서 redBus가 설명한 검색 페이지와 입력 처리 작업에 한정한다. 당시 보고 수치를 자사/다른 사이트의 효과나 현재 구현으로 옮기지 않는다.
- 성립 조건
- 해당 자료의 Use cases; How redBus optimized INP for the search page에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- 과거 업체/작성자의 공개 사례다. 현재 웹사이트에서 수행한 시험이나 본지 고객 성과가 아니며 해당 입력 동기화 방식을 모든 폼에 적용하라는 처방도 아니다.
- 확인 범위
- 원자료 확인
redBus의 날짜 선택·스크롤·입력 처리 개선 ↗
Use cases; How redBus optimized INP for the search page
출처Google · web.dev / redBus 사례 작성자 · redBus의 날짜 선택·스크롤·입력 처리 개선 ↗The journey; Use cases; How redBus optimized INP for the search page
이 사례가 모든 폼의 갱신을 포커스 이동 때까지 미루라는 뜻은 아니다. 입력 중 즉시 검증하거나 다른 필드를 함께 갱신해야 하는 기능이라면 요구가 다르다. 먼저 느린 동작을 특정하고 같은 동작에 불필요한 반복 작업이 붙는지 찾는다. 광고나 분석 스크립트가 설치됐다는 사실만으로 전부 지우기보다, 실제로 입력 처리를 막는 작업과 업무에 필요한 기능을 함께 검토한다.
AI 생성 이미지 · 가상 입력 맥락, 실제 사용자 시험·INP 측정 결과 아님
점수 요청을 화면 동작의 수정 요청으로 바꾼다
다음 표는 공식 진단과 공개 사례를 바탕으로 새로 작성한 작업 요청 견본이다. 측정하지 않은 고객 사이트의 감사 결과가 아니다. “전체 성능 개선”이라는 한 줄 대신 문제가 난 요소·동작과 재검수 자료를 적으면, 담당자가 수정 대상을 고르고 완료 여부를 같은 조건에서 설명할 수 있다.
표가 잘리면 좌우로 이동해 읽을 수 있습니다.
| 확인된 문제 | 요청할 수정 | 다시 볼 자료 |
|---|---|---|
| LCP 이미지의 요청 시작이 늦음 | 첫 화면의 해당 자원이 언제 발견/요청되는지 좁혀 요청 경로 조정 | 같은 LCP 요소와 HTML·자원 요청의 구간 비교 |
| LCP 자원은 내려왔지만 표시가 늦음 | 표시를 기다리게 하는 코드/렌더링 조건 조정 | 다운로드 완료 뒤 표시까지의 지연과 전체 LCP |
| 사진 로딩 뒤 본문이 밀림 | 실제 표시 비율에 맞춰 로딩 전 공간 예약 | 로딩 전후와 반응형 폭에서 사진·본문 위치 |
| 날짜 변경/입력 뒤 화면이 반응하지 않음 | 해당 동작의 반복 상태 갱신·메인 스레드 작업 조정 | 동작 직후 피드백, 실제 결과와 느린 입력 구간 |
| 첫 화면은 안정적이나 뒤늦은 콘텐츠가 밀어냄 | 추가 콘텐츠의 공간·삽입 위치와 변경 상태 조정 | 해당 콘텐츠가 나타나는 사용자 흐름과 CLS 구간 |
버스 예약 페이지라면 재검수 문장은 이렇게 완성할 수 있다. “운임 목록이 열린 상태에서 출발 날짜를 바꾸고, 변경을 받았다는 표시가 바로 보이는지 확인한다. 결과가 도착하면 선택 날짜와 요금이 서로 맞는지 대조한다. 대기 중 추가로 날짜를 바꿨을 때 예전 응답이 마지막 선택을 덮어쓰지 않는지도 본다.” 이는 편집부의 검수 견본이며 redBus가 실제 사용한 수락 절차라고 주장하지 않는다.
AI 생성 이미지 · 가상 예매 접점, redBus 실제 현장·성능/전환 결과 아님
우선순위는 숫자 색상만으로 정하지 않는다. 유입이 많은 페이지인지, 핵심 선택·신청 동작을 막는지, 같은 템플릿에 반복되는지, 수정 원인이 재현됐는지를 함께 본다. 본문이 밀려 읽기 어려운 기사와 입력이 막혀 신청하지 못하는 화면을 하나의 홈페이지 점수로 대표시키지 않는다. 실사용 자료가 없다면 먼저 재현 가능한 문제를 고치되, 실사용 양호 판정은 아직 남겨 둔다.
AEO/GEO 팀이 개발팀에 넘길 단위도 홈페이지 전체가 아니라 목표 질문의 답변 URL과 그다음 선택·문의 경로로 좁힌다. 실제 유입 자료가 있다면 대상 페이지를 고르는 데 사용하고, 없으면 계획한 경로와 재현 가능한 동작을 먼저 남긴다. 개선 보고서에는 본문·이미지 보존과 해당 흐름의 성능 검수를 묶되 AI 인용·문의 성과는 각각 실제 운영 자료가 있을 때 별도로 보고한다.
완료는 사용자 문제와 측정 범위로 보고한다
수정 뒤에는 같은 페이지·기기·상태의 재현 결과와 이후 실사용 자료를 나누어 받는다. 최근 수집 구간의 자료에는 수정 전 방문도 섞일 수 있으므로 랩의 즉시 변화와 필드의 추이를 같은 시점 결과로 합치지 않는다. 완료 기록은 “파일을 바꿨다”에서 끝내지 말고 어떤 지연/이동이 줄었고 어떤 범위는 아직 확인하지 못했는지를 적는다.
Google은 Core Web Vitals를 순위 시스템에서 사용하지만 양호 보고나 완벽한 점수가 상위 검색 순위를 보장하지 않는다고 안내한다. 이 작업의 우선 목적은 읽고 선택하고 입력하는 경험을 고치는 것이다. 검색이나 AI 답변에 필요한 콘텐츠 자체가 빠져 있다면 성능 수정과 별도로 보강해야 한다.
이 내용의 자료·근거
근거 확인 · Google은 Core Web Vitals를 순위 시스템에서 사용하지만 양호 보고나 완벽한 점수가 상위 검색 순위를 보장하지 않는다고 안내한다.
Google은 Core Web Vitals를 순위 시스템에서 사용하지만 양호 보고나 완벽한 점수가 상위 검색 순위를 보장하지 않는다고 안내한다.
확인한 원출처 계열 1개 · 계보 미분류 0개. 전재·재분석 페이지 수는 독립 근거 수가 아닙니다.
- 자료 시점
- 현재 유효 조건을 확인한 자료
- 재검토 예정
- 2026-11-14T00:00:00.000Z
- 주체
- Google Search Central의 공개 문서
- 역할
- 지표/도구 운영자 또는 공개 사례의 작성자
- 지표 정의
- 측정 범위 또는 공개 수정 작업의 설명
- 대상 집단·분모
- 공식 기능 범위 또는 공개 사례의 해당 페이지다. 본지 고객/성능 관측 표본이 아니다.
- 비교 기준
- 해당 원문의 공개 설명이며 자사 실험의 비교군이 없다.
- 측정 방법
- 현재 공식 문서와 해당 사례 원문의 구체적인 위치를 직접 읽고 새 원고의 문장/표·적용 한계를 대조했다.
- 관측값
- 지표 정의·측정 범위·공개 작업과 적용 조건
- 기간
- 2026-10-14(KST) 확인한 현재 공식 안내
- 성립 조건
- 해당 자료의 What aspects of page experience are used in ranking에서 설명한 지표/도구 또는 공개 사례에 한정한다.
- 적용 한계
- Google 검색의 현재 공식 범위다. AI 추천/인용·구매 전환·자사 검색 상승을 측정하거나 보장하지 않는다.
- 확인 범위
- 원자료 확인
페이지 경험과 검색 순위의 적용 범위 ↗
What aspects of page experience are used in ranking
출처Google Search Central · 페이지 경험과 검색 순위의 적용 범위 ↗What aspects of page experience are used in ranking; How important is page experience to ranking success
공식 자료와 공개 사례는 2026년 10월 14일 읽었다. 공개 사례의 성과 수치를 자사 효과로 옮기지 않았으며 사이트 성능·사용자 전환·검색 순위·AI 인용을 실제 측정하지 않았다. 대표사진은 버스 예약이라는 사례의 대상과 연결한 가상 터미널 장면이다.
이 기사의 적용 범위
고객 사이트나 서치코리아의 Core Web Vitals를 실제 측정하지 않았다. Lighthouse·CrUX·RUM·Search Console 실행, 성능 코드 수정과 재배포, 사용자 행동·검색 순위·AI 인용 관측을 수행하지 않았다. 공개 사례의 개선 작업을 해설하며 해당 업체의 현재 구현/성과를 재검증한 결과가 아니다. 작업 요청과 버스 예약 예시는 편집 견본이다. 대표사진은 가상의 버스터미널이며 redBus 실물·취재 사진이나 성능 시험 자료가 아니다. 본문 생성 사진도 모두 가상 장비·기기·입력·예매 맥락이며 실제 웹 화면/측정이나 고객 시험·redBus 현장/성과 자료가 아니다.
취재 방법과 확인 범위
경쟁사 원문 전체, 현재 Google/web.dev 지표와 측정·LCP 분해 안내, Yahoo! JAPAN News 및 redBus의 공개 사례 원문을 읽었다. 사례의 작업과 현재 정의를 대조하고 기존 웹 개편·alt 원고와 겹치는 일반 검수를 줄여 새 작업 요청/검수 견본을 완성했다. 이미지 보완에서는 답변 페이지와 다음 선택·문의 경로의 작업 분담을 편집 제안으로 추가하고 생성 사진의 역할·실제 출력·공개 배치를 검수했다.
Codex 편집 지원으로 원문 전체와 현재 공식 지표/측정 범위·판정 예외·LCP 분해를 읽고 문장/표와 대조했다. Yahoo! JAPAN News와 redBus의 공개 수정 과정을 읽어 작업 요청/검수 견본을 새로 썼다. 기술 계약 통과와 독자가 받을 구체적인 답을 별도로 검수하며 고객 성과·자사 성능 측정·AI 관측으로 표시하지 않는다.
취재 자료와 참고 출처 · 8
Google · web.dev · Core Web Vitals 기준과 필드·랩 도구 ↗확인 2026-10-14 · Core Web Vitals; Field tools; Lab tools to measure Core Web Vitals
Google for Developers · PageSpeed Insights 자료 범위와 판정 예외 ↗확인 2026-10-14 · Real-user experience data; Distribution and selected metric values; Core Web Vitals; Lab diagnostics
Google · web.dev · LCP의 요청·다운로드·표시 지연 분해 ↗확인 2026-10-14 · Understanding your LCP metric; LCP breakdown
Google · web.dev · CLS의 페이지 수명·세션 구간 정의 ↗확인 2026-10-14 · What is CLS; What is a good CLS score
Google · web.dev · INP의 입력·다음 화면·측정 범위 ↗확인 2026-10-14 · What is INP; What is a good INP score; What is in an interaction; How to measure INP
Google · web.dev / Yahoo! JAPAN News 사례 작성자 · Yahoo! JAPAN News의 사진 공간 예약 사례 ↗확인 2026-10-14 · Identifying the issue; Improving CLS for images; Results
Google · web.dev / redBus 사례 작성자 · redBus의 날짜 선택·스크롤·입력 처리 개선 ↗확인 2026-10-14 · The journey; Use cases; How redBus optimized INP for the search page
Google Search Central · 페이지 경험과 검색 순위의 적용 범위 ↗확인 2026-10-14 · What aspects of page experience are used in ranking; How important is page experience to ranking success
발행·정정 이력
· v2 · AEO/GEO 답변 페이지의 읽기·선택·문의 흐름을 점검 대상으로 명시하고 콘텐츠팀·개발팀의 작업 분담과 보고 범위를 보완했습니다. 서버·화면 폭·입력·예매 맥락의 생성 사진을 더해 대표사진과 본문을 다섯 장으로 구성했으며 실제 웹 화면·성능 측정·고객 시험이나 redBus 현장/성과와 구별했습니다.
· v1 · 경쟁사222행전체와현재공식지표/양호경계·PSI의필드/랩·URL/오리진·INP자료부족판정예외를직접읽고본문/표와대조했다. LCP압축이표시대기로옮겨가는공식예, Yahoo! JAPAN News의이미지공간예약과redBus의날짜/스크롤/입력재렌더링작업을읽어새작업요청/재검수견본을완성했다. 기존27/40편전체본문과중복을대조했다. 고객/자사성능시험·Lighthouse/PSI/CrUX/RUM/검색/AI관측·코드수정/재배포/전환성과를수행하지않았다. 기술검사/출처수/분량을품질점수나독립전문가검수로표시하지 않는다.
