핵심 요약
모바일에서 늦게 열리는 홈페이지는 방문자가 기다리지 않고 떠나고, 구글도 사용자 경험 지표(Core Web Vitals)로 평가합니다. 구글 PageSpeed Insights에 주소를 넣으면 무료로 점검할 수 있고, 가장 흔한 원인은 너무 큰 이미지입니다.
3분 점검
- PageSpeed Insights(pagespeed.web.dev)에 주소 입력
- 모바일 탭 점수 확인 (PC보다 모바일이 중요)
- "진단" 항목에서 가장 위에 있는 문제부터 보기
지표를 쉬운 말로
- LCP — 가장 큰 그림이나 글이 뜨기까지 걸리는 시간
- INP — 버튼을 눌렀을 때 반응하기까지의 시간
- CLS — 읽는 도중 화면이 덜컥 밀리는 정도
속도를 올리는 우선순위
- 사진을 웹용으로 줄이기 (원본 사진 그대로 올리는 경우가 가장 흔한 원인)
- 화면 아래쪽 이미지는 나중에 불러오기(지연 로딩)
- 안 쓰는 플러그인·외부 스크립트 제거
- 자동 재생 영상은 가볍게 또는 제거
더타임즈 웹 스튜디오 사이트는 이미지를 따로 저장해 브라우저가 오래 기억(캐시)하도록 설정해 두었습니다.
자주 묻는 질문
PC에서는 빠른데 모바일 점수가 낮아요.
모바일은 네트워크와 기기 성능이 낮은 조건으로 측정합니다. 이미지 크기와 스크립트를 먼저 줄이세요.
점수가 100점이어야 하나요?
만점이 목표는 아닙니다. 실제로 빨리 열리고 버튼이 바로 반응하는지가 중요합니다.