메뉴

웹사이트 성능 리포트

사이트 상태, 전문 용어 없이

Lighthouse 점수, Core Web Vitals, 우선순위가 매겨진 개선 기회, 접근성 진단, 기술 SEO 점검까지 모바일과 데스크톱을 아우르는 웹사이트 성능 리포트 하나로 클라이언트 한 곳에 정리했습니다. 로그인해 리포트를 열거나 먼저 무엇이 있는지 살펴보세요.

Lighthouse 카테고리 점수, Core Web Vitals, 순위별 개선 기회를 보여주는 AI Marketing Dashboard의 사이트 진단 리포트 미리보기

웹사이트 성능 리포트

웹사이트 성능 리포트, 기술 작업을 보여주는 대시보드

사이트 진단은 하기는 가장 쉽지만 보여주기는 가장 어려운 기술 작업입니다. 웹사이트 성능 리포트 하나로 클라이언트 리뷰가 실제로 진행되는 순서 그대로 정리합니다: 모바일과 데스크톱의 네 가지 Lighthouse 점수를 맨 위에, 그 원인이 되는 페이지 옆에 Core Web Vitals를, 그리고 실제로 절약되는 시간과 용량 순으로 정렬한 수정 목록까지 놓습니다.

웹사이트 성능 리포트, 클라이언트가 읽을 수 있는 Lighthouse 점수부터

성능, 접근성, 권장사항, SEO까지 기기별로 한 화면에

Lighthouse는 100점 만점의 점수 네 개를 내놓으며, 각각은 비용을 지불하는 사람에게 서로 다른 의미를 가집니다. 리포트는 지금 검토 중인 기기 기준으로 네 점수를 한 줄에 놓고 Google 자체 기준으로 색을 입힌 다음, 가중 평균한 사이트 상태 점수를 하나 더해 월간 업데이트가 네 개가 아니라 하나의 숫자로 시작할 수 있게 합니다. 모바일과 데스크톱을 전환하면 리포트 전체의 범위가 다시 잡힙니다. 둘은 좀처럼 같은 이야기를 하지 않고, 뒤섞인 점수는 어느 쪽이 문제인지 가려 버리기 때문입니다.

점수는 누적량이 아니라 수준이므로 수준으로 리포트됩니다. 각 카드는 선택한 기간 동안 포인트로 변한 값을 보여주고, 100점 척도에서 어색하게 읽히는 퍼센트 대신 이 방식을 씁니다. 아래의 추이는 같은 카테고리를 매일 그립니다. 그래서 후퇴는 서로 떨어진 두 스냅샷의 차이가 아니라, 새 히어로 이미지가 올라간 주나 태그 매니저가 커진 주처럼 미팅에서 바로 가리킬 수 있는 형태로 나타납니다.

각 숫자 뒤에 진단한 페이지가 있는 Core Web Vitals

75번째 백분위 필드 지표와 크롤링한 모든 URL의 랩 진단을 함께

바이탈에 관한 모든 대화는 같은 질문으로 끝납니다: 어느 페이지인가. 이 리포트는 두 측정치를 나란히 두어 답합니다. 필드 백분위는 방문자가 실제로 겪은 값입니다: Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift를 75번째 백분위 기준으로, Google 자체의 양호·불량 기준선과 함께 봅니다. 랩 진단은 크롤러가 각 URL에서 통제된 조건으로, 수정이 배포되는 그날 요청 시점에 측정한 값입니다. 하나는 사이트가 통과하는지를 말해 주고, 다른 하나는 어느 템플릿이 원인인지 말해 줍니다.

진단된 페이지 테이블이 바로 이 짝이 드러나는 곳입니다. 크롤링된 모든 URL은 각자의 네 점수를 각자의 랩 LCP·CLS 옆에 지니고 있고, 판정 도넛 차트는 몇 페이지가 확실히 통과하고, 몇 페이지가 개선이 필요하며, 몇 페이지가 실패하는지 셉니다. 그래서 사이트가 느리게 느껴진다는 느낌은 템플릿과 그 뒤의 트래픽, 원인이 된 지표까지 명시하는 작업 지시서가 됩니다. Google이 공개하는 속성 단위 추이와 기기 분포는 Search Console 리포트에 속하고, 이 페이지는 그 아래의 벤치 테스트로 남습니다.

절약하는 만큼 순위를 매긴 성능 개선 기회와 진단

렌더 차단 리소스, 사용하지 않는 자바스크립트, 이미지 용량, 서버 응답 시간

개선 기회 탭은 진단이 찾아낸 것과 고쳤을 때의 가치를 함께 나열합니다: 렌더 차단 리소스, preconnect 힌트, 서버 응답 시간은 밀리초 단위로, 용량이 큰 이미지, 차세대 포맷, 화면 밖 미디어, 사용하지 않는 자바스크립트, 압축하지 않은 CSS, 캐시 유지 기간은 키비바이트 단위로. 모든 행은 해당 영역과 절약 규모에서 도출된 심각도를 함께 지니므로, 개발자의 견적과 대행사의 우선순위가 서로 다른 두 개의 내보내기가 아니라 같은 목록에서 논의될 수 있습니다.

진단은 할 일 목록이 아니라 설명으로 그 옆에 놓입니다: DOM 크기, 메인 스레드 작업, 자바스크립트 실행 시간, 요청 수, 전송 용량, 중요 요청 체인, Largest Contentful Paint를 결정하는 요소, 페인트 이후에도 움직이는 요소까지. 각각은 밑돌아야 할 목표치와 그것이 왜 중요한지 알려 주는 평이한 한 문장을 함께 가지고 있으며, 대개 이것이 클라이언트가 자기 개발자에게 그대로 전달하는 리포트와 질문을 들고 돌아오는 리포트의 차이를 만듭니다.

가격을 매길 수 있는 영향도로 정리한 접근성 점검

대비, alt 텍스트, 레이블, ARIA, 탭 영역, 제목, 포커스 순서

자동 접근성 점검은 실제로 수정 범위를 나누는 방식, 곧 영향도별로 묶입니다. 레이블 없는 입력창, 대체 텍스트 없는 이미지 같은 치명적 발견은 대비 실패, 이름 없는 링크 같은 심각한 문제와 따로 놓이고, 이는 다시 탭 영역 크기, 제목 순서, 포커스 순서 같은 보통 수준의 문제와 나뉩니다. 모든 행은 관련된 요소 수를 함께 지니므로, 견적은 막연히 접근성을 개선하겠다는 약속이 아니라 숫자에서 만들어집니다.

이 리포트는 자동 점검이 무엇을 다루는지에 관해 일부러 정직합니다. 이런 점검은 수동 검토가 찾아내는 장벽의 일부만 잡아내며, 화면에도 그렇게 표시됩니다. 클라이언트가 깨끗한 결과를 준수 인증서처럼 읽는 것을 막아 주는 장치입니다. 제대로 쓰면 가장 저렴한 첫 번째 점검입니다: 기계적 오류를 정리하고, 무엇을 언제 고쳤는지 기록을 남기며, 수동 점검이 다뤄야 할 범위를 훨씬 줄여 줍니다.

기술 SEO 점검: 제목, 캐노니컬, hreflang, 구조화 데이터

순위를 논하기 전에 모든 템플릿이 통과해야 하는 온페이지 점검

크롤과 마크업 점검 열 가지가 통과·실패 목록으로 실행되며, 크롤이 무엇을 발견했는지 설명하는 한 문장이 함께 표시됩니다: 제목 요소, 메타 설명, 크롤 가능한 링크, 캐노니컬 선언, hreflang 주석, 유효한 robots 파일, 이미지 alt 속성, 읽기 쉬운 글자 크기, 탭 영역 간격, 구조화 데이터 유효성까지. 테이블 위에는 헤드라인 숫자가 있어, 열 가지 중 몇 가지가 깨끗하고 몇 가지가 아직 해야 할 작업인지 가장 먼저 보여줍니다.

이것은 온페이지 점검이지 색인 리포트가 아닙니다: Google이 무엇을 유지하기로 했는지가 아니라 크롤러가 페이지에서 읽어낼 수 있는 것을 다룹니다. 둘은 다른 질문에 답하고 다른 곳에 속하므로, 색인 생성 현황과 검색어, 노출수는 Search Console 리포트에 있고 이 페이지는 마크업에 머뭅니다. 둘을 함께 검토하는 것이 일반적인 흐름입니다: 먼저 이 점검이 표시한 것을 고치고, 이후 몇 주에 걸쳐 색인 생성 현황과 순위가 어떻게 반응하는지 지켜봅니다.

클라이언트 한 곳으로 한정한 화이트라벨 사이트 진단 산출물

대행사 브랜드로, 매달 반복되는 구조 안에서

모든 진단은 워크스페이스 전환기를 통해 클라이언트 한 곳으로 한정되고 대행사 브랜드로 표시되어, 같은 구조가 1월 리뷰도 6월 리뷰도 모두 담당합니다. 점수, 바이탈, 개선 기회, 진단, 접근성, 기술 점검이 계약 기간 내내 같은 자리를 지키므로, 월별 비교는 서로 다르게 짜인 두 문서를 맞춰 보는 일이 아니라 같은 섹션을 두 번 읽는 일이 됩니다. 워크스페이스는 검토 화면을 제공하고, 데이터 소스 연결은 별도의 단계로 남습니다.

이 반복이야말로 기술 작업을 클라이언트가 계약을 연장하게 만드는 이유입니다. 개발자는 예상 절감치가 붙은 순위 매긴 수정 목록을 보고, 계정 매니저는 네 개의 점수와 상태 수치, 그 뒤의 페이지를 봅니다. 그리고 둘 다 같은 리포트를 보고 있습니다. 팀은 프레젠테이션 레이아웃을 새로 만드는 대신 다음에 무엇을 고칠지 정하는 데 시간을 씁니다. 그러면 진단은 더 이상 아무도 쓰고 싶어하지 않는 산출물이 아니게 됩니다.

자주 묻는 질문

Lighthouse 점수란 무엇이고 무엇을 측정하나요?

Lighthouse는 Google의 오픈소스 진단 도구입니다. 통제된 환경에서 페이지를 불러와 정해진 점검 세트를 실행하고, 성능, 접근성, 권장사항, SEO를 각각 0에서 100점으로 매깁니다. 이 리포트는 이 네 카테고리를 진단한 페이지별, 기기별로 실행하므로 모바일 점수가 데스크톱 점수인 것처럼 인용되는 일이 없습니다.

사이트 진단에서 랩 데이터와 필드 데이터의 차이는 무엇인가요?

랩 데이터는 페이지 하나를 통제된 조건에서 테스트한 결과입니다: 재현 가능하고 진단에 이상적이지만, 실제 방문자가 겪은 값은 아닙니다. 필드 데이터는 실제 세션에서 나오며 75번째 백분위로 요약됩니다. 이 리포트는 둘 다 담습니다: 필드 Core Web Vitals를 헤드라인으로 삼고, 그 아래에는 무엇을 고칠지 설명하는 크롤링된 모든 URL의 랩 진단을 함께 보여줍니다.

Core Web Vitals가 Google 순위에 영향을 주나요?

Google의 페이지 경험 신호 중 하나이므로, 그 밖의 조건이 비슷한 결과를 갈라놓을 수는 있습니다. 다만 관련성을 앞지르지는 못하며, 속도만으로 순위가 오르는 경우는 없습니다. 클라이언트에게 유용한 설명은 이렇습니다: LCP, INP, CLS는 사이트를 쓰는 느낌을 나타내며, 개선 기회 화면은 각 수정이 무엇을 절약하는지 보여줌으로써 그 작업에 가격을 매깁니다.

이 리포트의 접근성 점검은 무엇을 다루나요?

대비, alt 텍스트, 양식 레이블, ARIA 사용, 탭 영역 크기, 제목 순서, 포커스 순서를 각각 영향도(치명적, 심각, 보통, 경미)와 영향받는 페이지 수와 함께 다룹니다. 영향도가 있기에 진단을 견적으로 바꿀 수 있습니다: 실패 목록이 대행사가 범위를 정하고 가격을 매기고 일정을 잡을 수 있는 작업으로 바뀝니다.

대행사는 클라이언트를 위해 사이트 진단을 얼마나 자주 실행해야 하나요?

클라이언트보다 먼저 후퇴를 알아챌 만큼 자주여야 하며, 대부분의 리테이너에서는 매달 한 번에 리디자인이나 템플릿 변경 이후 추가로 한 번을 더하는 수준입니다. 히스토리 화면이 이전 실행 결과를 보관하므로 진단은 한 번의 스크린샷이 아니라 추이로 읽히고, 수정은 점수가 실제로 움직인 정확한 순간으로 제시할 수 있습니다.

웹사이트 성능 리포트, Lighthouse 진단 | AI Marketing Dashboard