49MB 웹페이지

• 뉴욕타임스 웹사이트의 한 기사 페이지가 422개의 네트워크 요청과 49MB 데이터 전송을 발생시키며, 단순한 기사 열람조차 과도한 리소스를 요구함
• 페이지 로딩 과정에서 수십 개의 광고 입찰 요청과 추적 스크립트가 동시에 실행되어, 브라우저 CPU와 배터리를 소모시키는 구조임
• 이러한 적대적 UX 설계는 쿠키 배너, 구독 팝업, 자동 재생 영상, 화면 점유형 광고 등으로 이어져 사용자의 읽기 경험을 방해함
• 광고 수익 극대화를 위한 ‘체류 시간’과 ‘노출률’ 중심의 비즈니스 모델이 독자 경험을 희생시키며, 엔지니어조차 이 구조에 얽매여 있음
• 글은 텍스트 중심의 경량 뉴스 페이지(text.npr.org 등) 를 예시로 들며, 독자와 비즈니스가 공존할 수 있는 단순하고 존중받는 웹 경험의 복원을 강조함

49MB 웹페이지의 현실

• 뉴욕타임스 웹사이트 접속 시 422개의 요청과 49MB 데이터가 발생, 페이지 안정화까지 2분 소요
  • 이는 Windows 95 전체 용량(28장의 플로피 디스크) 보다 크며, MP3 음악 10~12곡 분량에 해당
  • 단 몇 문단의 텍스트를 읽기 위해 앨범 한 장을 다운로드하는 셈임
• 과거보다 하드웨어 성능이 비약적으로 향상되었음에도, 광고·트래킹 중심의 웹 프레임워크가 그 진보를 상쇄함

CPU 부하와 추적 구조

• 뉴스 사이트는 프로그램형 광고 입찰 시스템을 브라우저 내에서 실행함
  • Rubicon Project, Amazon Ad Systems 등으로의 비동기 입찰 요청이 동시에 발생
  • 브라우저는 수 MB의 자바스크립트를 다운로드·파싱·컴파일해야 하며, 이는 메인 스레드 부하로 이어짐
• 사용자는 텍스트를 요청했지만, 브라우저는 5MB의 추적 스크립트를 먼저 처리하고, 이후 광고 삽입이 이루어짐
• 동시에 행동 추적 비콘(POST 요청) 과 보이지 않는 픽셀 리디렉션(doubleclick.net, casalemedia) 이 작동하여 교차 사이트 식별을 수행
• 이러한 과정은 모바일 발열·배터리 소모를 유발하며, 사용자는 자신도 모르게 고빈도 데이터 거래 시장에 참여하게 됨

적대적 UX와 상호작용 비용

• 페이지 진입 시 GDPR 쿠키 배너, 뉴스레터 구독 모달, 알림 허용 팝업이 연속적으로 등장
  • 사용자는 콘텐츠 접근 전 여러 번의 클릭과 스크롤을 수행해야 함
  • 이는 NNgroup의 ‘상호작용 비용(Interaction Cost)’ 과 ‘미니멀리즘 디자인’ 원칙을 위반
• Economic Times 사례에서 사용자는 세 개의 모달을 닫고, 상단 배너를 넘겨야만 본문 접근 가능
• 구글의 Core Web Vitals 기준에서도 이러한 침입형 인터스티셜은 SEO 감점 요인으로 명시됨

레이아웃 불안정과 광고 삽입

• 독자가 문단을 읽는 도중, 광고 입찰이 완료되면 iframe 광고가 삽입되어 텍스트가 250픽셀 이동
  • 이는 누적 레이아웃 이동(CLS) 으로 측정되며, 이탈률 상승과 직결
• 구글은 이 문제를 공식적으로 감점하지만, 자사 광고 제품이 동일한 문제를 유발하는 모순 존재
• 자동 재생 영상은 스크롤 후에도 화면 하단에 고정되어 계속 재생되며, 닫기 버튼은 작고 클릭 영역이 좁음
  • 이는 Fitts의 법칙 위반 사례로 지적됨

모바일 환경의 공간 낭비

• 평균 모바일 뷰포트 800px 중, 로고·공유바·브라우저 UI가 상당 부분을 차지
  • 실제 콘텐츠는 Guardian 페이지 기준 11% 만 표시
• 광고·모달 89% vs 콘텐츠 11% 의 비율은 사용자의 시각적 피로와 스크롤 빈도를 증가시킴
• ‘X’ 버튼을 광고 클릭 영역 근처에 배치해 오클릭을 유도하는 ‘fat-finger tax’ 전략도 존재
• Jagran 등 일부 인도 뉴스 사이트는 앱 설치 유도 모달과 구독 팝업으로 본문 접근을 방해

개선 방안 제시

• 콘텐츠 표시 전 3~4개의 닫기 동작을 강요하는 구조는 사용자의 인지 자원을 낭비
  • 팝업은 60초 체류 또는 50% 스크롤 이후에만 노출하도록 조정 필요
  • 쿠키 동의와 뉴스레터 구독을 하단 비차단형 섹션으로 통합 가능
• 광고 슬롯은 고정 높이 컨테이너로 예약해 레이아웃 이동 방지
  • 예: min-height: 250px; background: var(--skeleton-loader);
  • 광고 실패 시 ResizeObserver로 비가시 영역에서만 축소 처리

경량 뉴스 사이트의 존재

• text.npr.org, lite.cnn.com, cbc.ca/lite 등은 추적·모달 없는 경량 버전 제공
  • RSS 피드 기반 뉴스 소비도 여전히 활발
• 이러한 사례는 단순하고 콘텐츠 중심적인 웹 경험에 대한 수요가 여전함을 보여줌

결론: 독자의 주의력은 자원

• 현재 뉴스 UI는 독자를 포획 대상으로 간주하며, 광고 노출을 극대화하는 구조로 설계됨
• 그러나 수익성과 접근성은 양립 가능하며, 엔지니어들도 이 구조에 불만을 품고 있음
• 문제의 근원은 단기 CPM 중심의 비즈니스 인센티브
• 독자의 주의력을 추출 가능한 자원으로 취급하는 시스템이 형성되었으며,
  RSS 사용·탭 닫기·이탈률 증가가 이에 대한 가장 강력한 저항 행위로 제시됨