2025년 기준, 애드센스 승인과 웹 성능 점수를 동시에 올리는 방법을 정리했습니다. 너무 어려운 기술 용어 없이, 초보 블로거도 직접 적용할 수 있는 방식으로 알려드릴게요.
📌 이 글을 꼭 읽어야 할 사람
✔ 애드센스 승인 계속 거절당하고 있는 분
✔ 블로그 속도가 느려졌다고 느끼는 분
✔ 티스토리 스킨을 최적화하고 싶은 분
✔ 애드센스 승인 계속 거절당하고 있는 분
✔ 블로그 속도가 느려졌다고 느끼는 분
✔ 티스토리 스킨을 최적화하고 싶은 분
1. 웹 성능 지표(LCP, CLS, INP)란?
- LCP: 가장 중요한 콘텐츠(대표 이미지, 제목 등)가 뜨는 데 걸리는 시간 (권장: 2.5초 이하)
- CLS: 글을 읽는 도중 레이아웃이 흔들리는 정도 (권장: 0.1 이하)
- INP: 버튼이나 링크 클릭 시 반응 속도 (권장: 200ms 이하)
이 세 가지는 구글에서 Core Web Vitals라는 이름으로 측정하며, 애드센스 승인 시 평가에 반영됩니다.
2. 스킨 최적화 방법 (LCP 개선)
스킨은 블로그 속도에 큰 영향을 미칩니다. 아래 설정은 꼭 적용해보세요.
① 사용하지 않는 외부 폰트 제거
<link href="https://fonts.googleapis.com/..." rel="stylesheet"> ❌ 제거
② 시스템 기본 폰트 사용
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Apple SD Gothic Neo', sans-serif; }
③ 대표 이미지 우선 로딩
<img src="대표이미지.jpg" loading="eager" fetchpriority="high" alt="대표 이미지">
Tip: 대표 이미지는 꼭 loading="eager"로 설정해야 LCP 속도가 개선됩니다.
3. 이미지 최적화 방법 (LCP + CLS 개선)
① 이미지 크기 고정
<img src="이미지.jpg" width="800" height="600" alt="이미지 설명">
이미지 크기를 지정하지 않으면 화면이 '밀림' 현상이 생깁니다. (CLS ↑)
② 이미지 포맷 변경 (WEBP 추천)
jpg 대신 용량이 작은 .webp 포맷 사용 시 LCP 개선 효과가 큽니다.
4. 광고 및 위젯 배치 (CLS 개선)
광고나 위젯이 갑자기 로딩되면 글이 밀리면서 사용자 경험이 나빠집니다.
① 광고 영역 높이 지정
<div style="min-height:300px;"> <!-- 애드센스 광고 코드 --> </div>
② 상단에 움직이는 위젯 사용 주의
날씨, 추천글 위젯 등은 화면 상단에 넣지 않는 것이 좋습니다.
5. 스크립트 최적화 (INP 개선)
① 불필요한 JS 제거
방문자 카운터, 움직이는 텍스트 등은 속도만 느려지게 합니다.
② defer 사용
<script defer src="main.js"></script>
스크립트를 defer로 불러오면 페이지를 먼저 보여주고 JS는 뒤에 실행됩니다.
③ 클릭 반응 느릴 때?
스크립트에 복잡한 이벤트가 많으면 클릭 후 반응이 느립니다. setTimeout으로 분산하거나, 필요한 경우만 실행되도록 조건문을 설정하세요.
6. 점검과 측정
- PageSpeed Insights에서 블로그 주소 측정
- Search Console > 핵심 웹 지표에서 LCP, CLS, INP 상태 확인
💡 좋은 수치는?
LCP ≤ 2.5초, CLS ≤ 0.1, INP ≤ 200ms면 ‘좋음’ 판정!
LCP ≤ 2.5초, CLS ≤ 0.1, INP ≤ 200ms면 ‘좋음’ 판정!
7. 애드센스 승인에 미치는 영향
- 페이지가 빨리 뜨면 이탈률 감소 → 페이지뷰 ↑
- 레이아웃이 흔들리지 않으면 광고 오클릭 방지
- 속도와 구조가 안정적이면 심사 통과 확률 증가
---
✅ 마무리 체크리스트
- 스킨에서 불필요한 폰트·스크립트 제거했나요?
- 이미지에 너비·높이 지정했나요?
- 대표 이미지는
loading="eager"로 설정했나요? - 광고 영역은 최소 높이 설정했나요?
- PageSpeed에서 점검해 봤나요?