Ezoic으로 코어 웹 바이탈(Core Web Vitals) 점수 높이는 17가지 실전 팁 — 지금 바로 95점 이상 달성하기

이 글에서는 Ezoic 광고를 사용하면서도 코어 웹 바이탈(Web Vitals)에서 95점을 받기 위해 제가 실제로 적용한 모든 단계를 소개합니다. 이 점수는 모바일과 데스크톱 양쪽 모두에서 기록한 결과입니다.

온라인 커뮤니티를 보면 Ezoic 때문에 사이트가 느려져서 불만인 사람들의 글을 정말 많이 볼 수 있습니다. 솔직히 말씀드리면, 기본 설정 그대로 사용하면 Ezoic은 사이트를 느리게 만듭니다. 하지만 설정을 제대로 최적화하면 이야기가 완전히 달라집니다.

직접 확인한 증거

아래 스크린샷에서 Ezoic 대시보드와 구글 서치 콘솔(Google Search Console)에 표시되는 이 사이트의 실제 점수를 직접 확인할 수 있습니다.

참고 : 이 글을 작성한 이후 사이트에 일부 변경 사항을 추가했습니다. 올해 3분기(수익이 가장 많이 발생하는 시기)를 대비해 EPMV(방문자당 페이지 수익)를 개선하기 위한 조치입니다. 관련 내용은 아래에서 따로 강조해서 설명하겠습니다.

참고로, 여기서 소개하는 변경 사항 대부분은 다른 곳에서 본 적이 없는 내용입니다.

Ezoic 코어 웹 바이탈 점수

아래는 Ezoic 대시보드에 표시된 이 사이트(computergarage.org)의 코어 웹 바이탈 점수입니다. 참고로 사이트에 변경 사항을 적용하면 결과가 반영되기까지 보통 30일, 경우에 따라서는 그 이상 걸립니다.

아래는 Ezoic을 사용하는 제가 운영하는 또 다른 사이트의 점수입니다.

구글 검색 : 코어 웹 바이탈

아래에서 보듯이 모바일과 데스크톱 모두 '양호(Good)' URL 비율이 100%입니다.

모바일에서 한때 '개선 필요'로 떨어진 적이 있었는데, 원인은 "LCP 문제: 2.5초 초과(모바일)"였습니다. 그런데 최근에야 알게 된 사실이 하나 있는데, 문제를 수정한 후에는 반드시 서치 콘솔에서 수정 사항을 '검증(Validate)' 처리해야 합니다. 저는 이걸 몰라서 오랫동안 경고가 유지됐습니다.

Ezoic으로 코어 웹 바이탈 점수 개선하는 방법

아래는 코어 웹 바이탈 점수를 개선하기 위해 제가 적용한 변경 사항 목록입니다. 가장 중요한 항목부터 순서대로 설명합니다.

1. 네임서버(Name Server) 방식으로 연동하세요

간단합니다. 네임서버 방식으로 연결하세요 🙂 플러그인 방식으로 연동했을 때 테스트해본 결과, 모든 페이지 로딩에 4~6초가 추가되는 것을 확인했습니다.

2. 첫 화면(어보브 더 폴드)에 광고 배치 금지

페이지가 로드되는 순간 화면에 보이는 영역(어보브 더 폴드)의 광고는 초기 로딩 시점에 함께 불러와지기 때문에 첫 페이지 로딩 속도를 크게 늦춥니다. 코어 웹 바이탈 점수에도 가장 큰 영향을 주는 요소입니다.

솔직히 말하면 95점을 받기 위해 첫 번째 문단 아래 광고 하나는 유지했습니다. 광고를 전혀 두지 않으면 그보다 더 높은 점수도 가능할 수 있습니다.

물론 어보브 더 폴드 광고가 많을수록 수익과 EPMV는 올라갑니다. 핵심은 균형입니다.

아래는 코어 웹 바이탈 점수를 크게 해치지 않으면서 EPMV를 극대화하기 위해 제가 선호하는 광고 배치 방식입니다. Ezoic 플레이스홀더 애드온을 사용해 다음 위치에 광고를 배치합니다.

1. 첫 번째 문단 바로 아래 광고 1개. 이 광고는 최대 높이 100px로 제한합니다.
2. 사이드바 광고 1개. 보통 상단 또는 중앙에 배치합니다. 어보브 더 폴드 영역에는 이 2개만 둡니다.
3. 사이드바 하단 광고 1개. 사이드바 맨 아래에 스티키(sticky) 사이드바 광고를 배치하고, 사이드바를 충분히 길게 만들어 이 광고가 폴드 아래로 밀려나도록 합니다.
4. 본문 중간 광고. 본문 안에 원하는 만큼 광고를 배치합니다. 이 광고들은 방문자가 실제로 스크롤해서 도달할 때만 로드됩니다.

3. 첫 화면에 이미지 배치 금지

2번과 같은 원리입니다. 모든 페이지에서 어보브 더 폴드 영역에는 이미지를 넣지 않습니다. 폴드 위에 있으면 페이지 로드 시 함께 불러와지지만, 폴드 아래에 있으면(Ezoic에서 지연 로딩을 설정한 경우) 방문자가 스크롤할 때만 로드됩니다.

4. Ezoic 캐싱 설정 최적화

Ezoic의 캐싱 섹션에는 반드시 알아야 할 몇 가지 설정이 있습니다.

• Cache Hit(캐시 히트) = 방문자에게 웹사이트의 캐시된 복사본이 전달된 경우
• Cache Miss(캐시 미스) = 방문자 요청 시 Ezoic과 호스팅 업체에서 페이지를 새로 불러온 경우

당연히 캐시 히트 비율이 높을수록 좋습니다. 아래 데이터를 보면 캐시 히트 페이지의 TTFB(Time To First Byte)는 약 1.4초인 반면, 캐시 미스 페이지는 2.3초로 거의 1초 차이가 납니다.

아래 리포트를 확인하려면 해당 링크로 이동하거나 다음 단계를 따르세요.

1. Ezoic에 로그인
2. 사이트 목록에서 해당 사이트 선택
3. 상단 메뉴에서 Analytics 클릭
4. Site Speed > Caching 클릭

아래 설정을 적용하기 전에는 캐시 히트와 미스가 각각 약 50%씩이었습니다. 지금은 캐시 히트 약 80%, 미스 약 20%입니다. 이를 위해 적용한 설정은 다음과 같습니다.

• Ezoic 대시보드에서 사이트 선택
• Speed 클릭
• Caching 클릭

'Cache Setting Values'에서 다음 설정을 변경하세요.

1. Default Cache Age : 559200
2. Override Cache Control Headers : On
3. Force Caching by Device Type : On
4. Ignore Cache-Control: no-cache : On

위 설정 외 자세한 정보는 Ezoic 공식 웹사이트에서 확인할 수 있습니다.

5. 앵커 광고(Anchor Ads) 비활성화

앵커 광고는 페이지 하단에 붙어서 스크롤하는 동안 계속 고정되어 표시되는 광고입니다. 페이지 진입 즉시 로드되기 때문에 페이지 로딩 시간에 부정적인 영향을 줍니다.

이 광고를 끄면 수익의 약 5~10%를 잃을 수 있습니다. 데스크톱 / 모바일 / 태블릿별로 개별적으로 켜고 끌 수 있다는 점도 알아두세요.

참고 : 이 글 발행 후에는 저도 이 사이트에서 앵커 광고를 다시 활성화했습니다.

앵커 광고를 비활성화하는 방법은 다음과 같습니다.

1. 사이트 선택
2. Monetization 클릭
3. Ad Tester 아래의 Anchor Ads Settings 클릭
4. 데스크톱 / 태블릿 / 모바일별로 광고 on/off 설정

6. 비디오 광고 비활성화

앵커 광고와 마찬가지로 비디오 광고도 페이지 로드 직후에 로드되므로, 비활성화하면 페이지 로딩 속도 개선에 도움이 됩니다.

개인적으로 저는 비디오 광고를 사용하지 않습니다. 다른 사이트를 방문할 때 저도 싫어하기 때문에 내 사이트에도 두고 싶지 않습니다. 경험상 비디오 광고는 수익을 약 5% 정도 더 올려주긴 합니다.

비디오 광고를 비활성화하는 방법은 다음과 같습니다.

1. 사이트 선택
2. Monetization 클릭
3. Ad Tester 아래의 General Settings 클릭
4. 'Floating Video Ad Unit' 체크 해제

7. Ezoic 인증 호스팅으로 이전

개인적으로 이것이 사이트 속도 개선을 위해 할 수 있는 가장 중요한 작업 중 하나라고 생각합니다. Ezoic을 사용하면 일부 호스팅 업체 환경에서는 사이트가 느려질 수 있습니다. Ezoic IP를 화이트리스트에 등록하고 봇 관련 설정을 구성해야 하기 때문입니다. 자세한 내용은 Ezoic 공식 문서를 참고하세요.

저는 고사양 VPS에서 운영하던 모든 사이트를 Ezoic 인증 호스팅 업체로 옮겼고, 그 결과 눈에 띄는 속도 향상을 경험했습니다. 기존 호스팅 업체의 방화벽이 Ezoic 트래픽을 봇 트래픽으로 분류해 차단하는 문제가 있었기 때문입니다.

저는 A2 Hosting의 공유 호스팅 중 Turbo Boost 서비스로 이전했습니다.

8. Ezoic IP 화이트리스트 등록

웹호스팅에서 Ezoic IP를 화이트리스트에 등록하는 것이 매우 중요합니다. 등록하지 않으면 상당량의 트래픽이 차단되거나 최소한 스캔 대상이 되어 사이트 속도가 느려질 수 있습니다. 자세한 내용은 Ezoic 공식 문서를 참고하세요.

9. AI 플레이스홀더 비활성화

저는 개인적으로 광고 위치를 정확하게 직접 통제하는 것을 선호합니다. AI 플레이스홀더를 활성화하면 페이지 상단에 매우 큰 광고를 자동 배치할 수 있고, 이는 사이트 속도를 느리게 만듭니다.

위 스크린샷은 제 사이트에 AI가 광고를 배치했던 예시입니다. 저는 모든 사이트에서 AI 플레이스홀더를 비활성화합니다.

10. SSL 설정 점검

몇 달 전 Ezoic 지원팀과 상담했을 때, 사이트 속도 개선에 도움이 되는 SSL 설정을 추천받았습니다.

SSL 설정은 두 곳에서 확인해야 합니다. Ezoic 대시보드와 Cloudflare입니다. 두 곳 모두 'FULL'로 설정되어 있어야 합니다.

Cloudflare

Cloudflare에서 SSL 설정을 확인하려면 다음 단계를 따르세요.

1. cloudflare.com에 로그인
2. 해당 사이트 선택
3. SSL/TLS 클릭
4. Overview 클릭
5. 나중에 롤백해야 할 경우를 대비해 현재 설정값을 메모
6. Full 클릭

Ezoic

이제 Ezoic에서도 동일하게 설정합니다.

1. ezoic.com에 로그인
2. 해당 사이트 선택
3. 상단 메뉴에서 Settings 클릭
4. SSL 섹션에서 'Edit SSL Settings' 클릭
5. 롤백 대비를 위해 현재 SSL 설정값 메모
6. SSL Type에서 Full 선택
7. Save 클릭

11. Leap 설정 최적화

Ezoic Leap을 반드시 사용하세요. Leap에 접근하려면 상단 메뉴에서 Speed를 클릭한 후 Optimization Settings를 클릭합니다.

다음 설정들이 적용되어 있는지 확인하세요.

• CSS : 모든 설정 활성화
• Minify : 모든 설정 활성화
• Images : 'Set Explicit Width and Height'를 제외한 모든 설정 활성화
• Script Execution : 모든 설정 활성화
• Static Asset Cache Policy : 모든 설정 활성화
• Content : 'Remove Scripts or Styles'를 제외한 모든 설정 활성화
• Pre-Connect : 모든 설정 활성화

12. 테마 선택

워드프레스를 사용한다면 대부분의 테마는 가볍고 페이지 로딩도 빠른 편입니다.

제가 직접 사용해보고 추천하는, 워드프레스에서 가장 빠른 테마들은 다음과 같습니다.

• Astra
• GeneratePress

둘 중에서는 Astra를 더 선호하며, 내년 초까지 모든 사이트를 Astra로 전환할 계획입니다.

13. 폰트(Fonts)

구글 폰트보다는 시스템 폰트(System Fonts)를 사용하는 것이 모범적인 방법입니다.

시스템 폰트는 웹사이트 내부에 로컬로 저장되어 있는 폰트로, 내부 리소스에서 불러오기 때문에 로딩 속도가 빠릅니다.

구글 폰트는 인터넷상에 위치해 있어 가져오고(fetch), 다운로드하고, 적용하는 과정이 필요합니다. 보통 빠르긴 하지만 페이지 로딩 과정에 추가 작업이 하나 더 생기는 것은 사실입니다.

워드프레스에서는 관리자 페이지에 로그인한 후 Appearance > Customize에서 폰트를 변경할 수 있습니다. 아래는 GeneratePress 테마에서 시스템 폰트를 찾는 위치입니다.

모든 테마가 이런 방식의 폰트 변경을 지원하지는 않으며, 그런 경우 styles.css 파일을 직접 수정해야 합니다.

14. Ezoic 플러그인 설치

Ezoic은 워드프레스용 플러그인을 제공합니다.

이 플러그인을 사용하면 웹사이트에서 특정 요소들이 로드되지 않도록 막을 수 있어 페이지 로딩 속도 개선에 도움이 됩니다.

플러그인을 설치한 후 wp-admin > Settings > Ezoic > Speed Settings로 이동해, 'Set scheme-less urls'를 제외한 모든 항목에 체크하세요.

15. EWWW Image Optimizer 설치 및 이미지 최적화

Ezoic은 이미지 압축 플러그인이나 지연 로딩(lazy load) 플러그인 설치를 권장하지 않지만, 올바르게 설치하고 설정하면 사이트 속도에 도움이 될 수 있습니다.

Ezoic Leap도 이미지를 지연 로딩하고 압축해주지만, 웹사이트 쪽에서 미리 압축해두면 Leap이 페이지 로드 시 해야 할 작업이 줄어듭니다.

또한 방문자에게 캐시된 페이지가 전달되지 않는 경우에도 아래 설정이 해당 방문자의 페이지 로딩 속도 개선에 도움이 됩니다.

저는 개인적으로 EWWW Image Optimizer를 사용하지만 다른 플러그인을 사용해도 무방합니다.

먼저 사이트에 업로드 가능한 이미지 크기를 변경해야 합니다. 다음 단계를 따르세요.

1. wp-admin으로 이동
2. Settings 클릭
3. Media 클릭
4. 큰 이미지(Large)의 크기 값 수정

저는 보통 최대 너비 700px, 높이 1024px로 설정합니다.

다음으로 EWWW Image Optimizer 설정을 구성합니다.

1. wp-admin으로 이동
2. Settings 클릭
3. EWWW Image Optimizer 클릭
4. 아래 설정이 적용되어 있는지 확인

• Remove Metadata : 체크
• Resize Images : 워드프레스에서 설정한 Large 이미지 크기와 동일하게 설정
• Lazy Load : 체크 해제 (중요!)
• WebP Conversion : 체크 해제

이렇게 설정하면 지정된 크기보다 큰 이미지를 업로드할 때 워드프레스가 자동으로 리사이즈하고, EWWW Image Optimizer가 추가로 압축해 이미지 용량이 최소한으로 유지됩니다.

16. Simple YouTube Responsive 플러그인 설치

Simple YouTube Responsive 플러그인은 페이지에 삽입된 유튜브 영상을 지연 로딩해줍니다. 페이지에 유튜브 영상이 포함되어 있으면 방문자가 다운로드해야 하는 용량이 약 1MB 늘어날 수 있습니다.

이 플러그인을 적용하면 유튜브 코드가 영상 썸네일 이미지(지연 로딩됨)로 대체됩니다.

17. 충돌하는 워드프레스 플러그인 점검

Ezoic 워드프레스 플러그인을 통해 다른 플러그인이 Ezoic과 충돌하는지 확인할 수 있습니다.

확인 방법은 다음과 같습니다.

1. wp-admin에 로그인
2. Settings 클릭
3. Ezoic 클릭
4. Compatibility Warnings 확인

아래 예시에서는 EWWW Image Optimizer 제거를 권장하고 있습니다. 여기에 표시된 플러그인들을 검토하고, 불필요하다면 제거하는 것이 좋습니다.