LinkedIn이 두 개의 탭에서 2.4GB RAM을 사용함

Context

현대 웹 앱은 단순한 텍스트 페이지조차 기가바이트 단위 메모리를 사용하는 경향이 있다. LinkedIn은 탭 2개에 2.4GB RAM을 사용하며 protechts.net이라는 bot 차단 서비스가 단독으로 42GB RAM을 점유한 사례가 있다. Reddit 새 UI, DeepL, BestBuy 사이트 등에서도 CPU 폭주나 배터리 소모 과다가 보고되고 있다.

Technical Solution

• 브라우저 확장 프로그램(uBlock Origin)을 통해 특정 CSS 속성을 오버라이드하여 scroll hijacking 우회 가능
• LinkedIn의 protechts.net iframe이 excessive memory usage를 유발하는 것을 확인하고 제거 필요
• DeepL의 무한 SEEK 루프가 CPU를 과도하게 점유하는 문제로 인해 장시간 페이지 유지 시 발열 발생
• Firefox 브라우저에서 memory dump 분석을 통해 RAM 점유 원인 파악 가능
• Web Vitals에 resource usage 지표를 포함시켜 성능 기준 확장 필요

Impact

LinkedIn 탭 하나당 약 1.2GB RAM 점유. protechts.net iframe 제거 시 RAM 사용량 대폭 감소. uBlock Origin CSS 규칙 적용 시 scroll hijacking 우회 가능.

Key Takeaway

현대 웹 프레임워크는 빠른 개발을 우선시하여 성능 최적화를 후순위로 둔다. 사용자에게 RAM이나 캐시 한도를 직접 설정할 수 있는 제어권을 제공하지 않는다. 이는 접근성 도구와 키보드 네비게이션을 손상시키며 구형 하드웨어에서 심각한 성능 저하를 유발한다.