방문자의 70% 이상이 모바일 기기를 통해 웹사이트에 접속합니다. 웹사이트 로딩이 원활할수록 페이지가 나타나기 전에 방문자가 이탈할 가능성이 줄어듭니다. 또한 Google 검색은 실제 모바일 브라우징 경험을 순위 결정 요소로 사용합니다.
Kanorio에서는 별도의 캐싱 플러그인을 설치할 필요가 없습니다. 서버 사이드 렌더링, Cloudflare 글로벌 에지 캐싱, 화면 크기에 따른 자동 이미지 최적화, 타사 추적 스크립트의 지연 로딩 등을 통해 인프라 수준에서 웹사이트를 가속화합니다(기술적인 세부 사항은 를 참조하세요). 또한 백그라운드에서 자동 상태 확인을 수행하며, 그 결과는 "SEO › 웹사이트 속도"에서 확인할 수 있습니다.
속도 측정은 백그라운드에서 자동으로 수행되므로 수동으로 조작할 필요가 없습니다.
"SEO › 웹사이트 속도"에서 두 가지 다른 평가 카드를 볼 수 있습니다. 많은 사이트 소유자가 "제 사이트는 휴대폰에서 매우 빠르게 느껴지는데, 아래의 속도 점수는 왜 60점대인가요?"라고 묻습니다.
그 이유는 이 두 카드가 완전히 다른 측정 방법을 나타내기 때문입니다.
| 비교 | 1. Google 페이지 경험 (실제 사용자 경험) | 2. 페이지 속도 점수 (실험실 시뮬레이션) |
|---|---|---|
| 이 카드는 무엇인가요? | Google은 지난 28일 동안 모바일 기기에서 Chrome을 통해 귀하의 사이트에 접속한 실제 방문자가 경험한 속도를 수집합니다 (Chrome UX 보고서). | Google 서버가 제한된 저속 네트워크 환경에서 중급형 구형 모바일 기기로 페이지를 한 번 열어 진단 점수(0~100점)를 생성합니다. |
| Google 순위에 영향을 미치나요? | 네, 이는 Google 검색이 순위 산정에 실제로 사용하는 데이터입니다. | 순위에 직접적인 영향을 미치지는 않습니다. 이는 엄격한 조건 하에서 너무 큰 이미지나 리소스가 많이 필요한 임베드 요소를 식별하도록 돕는 'X-레이' 역할을 합니다. |
| 이 카드는 언제 확인해야 하나요? | 사이트에 충분한 트래픽이 쌓이고 카드에 '통과' 또는 특정 시간이 표시되면 이 카드를 주요 참조 지표로 사용하세요. | 새 사이트나 트래픽이 적은 사이트의 경우, 첫 번째 카드에 '—'(데이터 부족)가 표시될 수 있습니다. 이 경우 이 카드의 진단 제안과 장기적인 추세를 참조하세요. |
사이트에 실제 모바일 방문자 데이터가 충분히 축적되면 첫 번째 카드에 세 가지 핵심 지표가 표시됩니다. 세 가지 모두 "좋음" 기준을 충족하면 녹색의 "통과" 상태가 표시됩니다.
| 지표 | 의미 | 좋은 기준 |
|---|---|---|
| Largest Contentful Paint (LCP) | 방문자가 페이지를 연 후 가장 큰 메인 이미지나 제목이 완전히 나타날 때까지 걸리는 시간. | 2.5초 미만 (4초 초과 시 나쁨) |
| Interaction to Next Paint (INP) | 방문자가 버튼을 누르거나, 메뉴를 확장하거나, 링크를 클릭한 후 화면이 반응하기까지 걸리는 시간. | 200밀리초(0.2초) 미만 (500밀리초 초과 시 나쁨) |
| Cumulative Layout Shift (CLS) | 페이지 로딩 중에 텍스트나 버튼이 예기치 않게 움직여 방문자가 잘못된 곳을 클릭하게 만드는지 여부. | 안정적 (예기치 않은 레이아웃 이동 없음) |
두 번째 카드에는 페이지에 대한 시뮬레이션 점수(90점 이상은 좋음, 50~89점은 개선 필요, 49점 이하는 나쁨)가 나열됩니다. 또한 페이지 이름 바로 아래에 주요 문제(예: "원활하게 로드됨" 또는 "나타나는 데 약 8초 소요")가 강조 표시됩니다.
시스템이 콘텐츠를 조정하여 개선할 수 있는 요인으로 인해 페이지 속도가 느리다고 판단하면, 세부 정보 패널에 "수행할 수 있는 작업"과 "에디터로 이동" 버튼이 표시됩니다(에도 알림이 표시됩니다. 웹사이트 속도 자체는 상태 확인 점수에서 차감되지 않습니다).
| 시스템 프롬프트 | 사이트가 느려지는 이유 | 권장 조정 사항 |
|---|---|---|
| 1. 큰 히어로 이미지 | 페이지 상단(첫 화면)에 파일 용량이 크거나 고해상도인 이미지가 포함되어 있어, 저속 네트워크 환경의 모바일 기기에서 다운로드하는 데 시간이 더 걸립니다. | '에디터로 이동'을 클릭하여 히어로 이미지를 더 최적화된 파일(1.5MB 미만 권장)로 교체하거나, 전체 화면 이미지가 필요 없는 레이아웃을 선택하세요. |
| 2. 리소스가 많이 필요한 임베드 | 페이지에 YouTube 동영상, Instagram 게시물, 외부 지도 또는 타사 위젯이 포함되어 있습니다. 이러한 플랫폼은 로딩 중에 무거운 스크립트를 실행하여 모바일 기기의 리소스를 소모합니다. | 페이지 내 외부 임베드 모듈 수를 줄이세요. 동영상이나 외부 콘텐츠의 경우 '명확한 썸네일 + 보기 버튼' 방식을 사용하고 실제 임베드는 하위 페이지에 배치하세요. |
| 3. 로딩 중 레이아웃 이동 | 페이지에 고정 높이가 없는 외부 임베드 요소가 포함되어 있습니다(타사 양식, 지도, 동적 게시물에서 흔함). 로딩이 느려지면 아래에 있는 텍스트를 아래로 밀어냅니다. | 에디터에서 임베드 모듈을 확인하거나 이러한 동적 임베드 요소를 페이지 아래쪽으로 이동시켜 방문자의 초기 읽기 경험을 방해하지 않도록 하세요. |
아니요, 그럴 필요 없습니다. 외부 추적 스크립트는 타사 도구이지만, Kanorio는 GA4, Google 태그 관리자, Meta Pixel을 웹사이트 운영에 필수적인 도구로 취급합니다. 당사는 이러한 스크립트를 인프라 수준에서 자동으로 최적화하여 "상단 콘텐츠가 렌더링된 후 또는 방문자가 스크롤을 시작할 때만 백그라운드에서 로드되도록" 합니다. 이를 통해 홈페이지 이미지와 대역폭을 두고 경쟁하는 것을 방지하며, 속도 권장 사항에서 제거를 요청받지 않습니다.
이는 시스템 진단 결과 이미지 크기, 레이아웃, 포함된 콘텐츠가 모두 최적화되어 있음을 의미합니다! 점수가 낮은 이유는 Google의 실험실 환경이 "느린 모바일 네트워크를 사용하는 중급 모바일 기기"를 시뮬레이션하면서 전체 다국어 폰트를 로드하기 때문입니다. 최신 기기와 네트워크를 사용하는 실제 방문자는 훨씬 더 빠른 속도를 경험하게 됩니다. 아무것도 변경할 필요가 없습니다. 당사의 엔지니어링 팀은 인프라 수준에서 폰트 전달 및 전송 효율성을 지속적으로 최적화하고 있습니다.
실험실 시뮬레이션에는 Google 테스트 서버에서 귀하의 사이트로 연결되는 실제 연결이 포함됩니다. 네트워크 라우팅 변동 및 테스트 서버 부하로 인해 약간의 자연스러운 변동이 발생할 수 있습니다. "홈페이지 점수 추세"에서 업데이트 후 갑작스럽고 대규모인 하락이 나타나지 않는 한 걱정할 필요가 없습니다.