광고 배너 CLS 줄이는 설정법

배너가 늦게 나타나 본문을 아래로 미는 현상은 광고가 들어올 공간을 미리 확보하면 크게 줄일 수 있습니다. 데스크톱과 모바일에 사용할 최소 높이를 정하고 빈 상태에서도 같은 영역을 유지합니다. 광고가 없을 때 갑자기 공간을 접는 설정은 화면 이동을 다시 만들 수 있습니다.

첫 화면에는 큰 배너를 여러 개 두지 않고 본문이 먼저 보이게 합니다. 화면 아래 광고는 가까워질 때 로드하되 자리 크기는 예약합니다. 반응형 광고가 예상보다 큰 크기를 선택하는지 실제 320, 768, 1440픽셀 폭에서 확인하고 닫기 버튼이나 링크가 본문을 가리지 않는지 봅니다.

위블로그 배너 설정을 바꿀 때는 변경 전후의 CLS와 LCP, 이탈률, 페이지당 수익을 7일 이상 비교합니다. 트래픽 구성이 다른 요일을 맞추고 한 번에 위치 하나만 바꿉니다. 수익이 조금 늘어도 읽기 흐름과 속도가 크게 나빠지면 원래 설정으로 되돌릴 기준을 미리 정합니다.

배너 이미지 자체도 표시 크기에 맞춰 압축하고 너비·높이 정보를 둡니다. 외부 스크립트 오류가 본문을 막지 않는지 광고 차단 환경에서도 시험합니다. 월별로 가장 큰 이동을 일으킨 페이지를 찾아 특정 글의 표나 이미지와 충돌하는지도 확인합니다.