RAM을 잡아먹는 탭을 한 번 클릭으로 알려주는 Chrome 확장

출처: Dev.to

제가 계속 마주한 문제

저는 chronic tab hoarder(항상 많은 탭을 여는 사람)이에요. 언제든지 두 창에 40~80개의 탭이 열려 있어요. Chrome의 내장 메모리 세이버는 잘못된 방식으로 공격적이에요 — 제가 실제로 참고하고 있는 탭까지 휴면시킵니다. 그리고 내장 작업 관리자는 한 단계 더 가야 하는 우회적인 방법일 뿐, 실제로 닫아야 할 탭을 알려주지 않아요.

그래서 저는 Tab Memory Manager를 만들었습니다.

Per-tab memory estimates — 모든 열린 탭 옆에 실시간 MB 수치를 표시합니다. 기본적으로 메모리 사용량에 따라 정렬됩니다. 툴바 아이콘에 현재 총 메모리 소비량을 실시간으로 보여 주어 Chrome이 지금 사용하는 양을 언제든 알 수 있습니다.

Smart suggestions — 확장 프로그램은 가장 크고 오랫동안 사용되지 않은(정체된) 탭을 표시합니다. 즉, 가장 오래 방치되고 메모리를 많이 소비하는 탭이죠. 활성 탭, 고정된 탭, 오디오가 재생되는 탭, 혹은 화이트리스트에 등록된 도메인은 절대 제안하지 않습니다.

Hibernate, don’t close — 이것이 핵심 설계 결정이었습니다. 휴면은 메모리를 해제하지만 탭을 스트립에 살아 있게 유지합니다 — 클릭하면 다시 로드됩니다. 특히 조사 중일 때 닫는 것보다 안전합니다.

Bulk cleanup — 여러 탭을 선택하거나 제안 패널에서 ‘적용’을 누릅니다. 적용하기 전에 회수할 메모리 총량을 확인할 수 있습니다.

Undo list — 실수로 닫은 것이 있으면 “최근 정리” 패널이 있습니다. 한 번 클릭으로 복원할 수 있습니다.

Tab grouping — 모든 탭을 도메인별로 색상별 Chrome 탭 그룹으로 즉시 정리합니다.

Chrome의 안정적 확장 API는 정확한 탭별 메모리를 노출하지 않습니다. chrome.processes API는 Dev와 Canary 빌드에만 존재하며, 99%의 사용자가 사용하는 Chrome와는 다릅니다.

그래서 Tab Memory Manager는 탭 상태, 도메인 패턴, 그리고 알려진 Chrome 프로세스 오버헤드 기반에 교정된 추정치를 사용합니다. UI에서는 이를 명확히 “est.” 로 표시합니다. Dev 또는 Canary에서 설정으로 실제 탭별 메모리를 켤 수 있습니다.

Chrome이 “프로세스가 데브 채널 필요” 라는 경고를 표시하는 것은 선택적 API에 대한 Chrome 자체의 알림일 뿐, 확장 프로그램은 그 없이도 정상적으로 작동합니다. 이는 버그가 아닙니다.

계정 없음. 서버 없음. 분석 없음. 네트워크 요청 없음(확장 프로그램 로드용 제외). 탭 데이터는 브라우저 안에서만 남아 있습니다.

이것은 시작부터 적용한 엄격한 제약이었습니다. 메모리 통계를 위해 내 정보를 수집하는 도구를 만들고 싶지 않았기 때문이죠.

Chrome의 메모리 API 상황은 예상보다 복잡했습니다. 안정적인 Chrome에 정확한 “탭별 메모리를 주세요” 라는 호출이 존재하지 않습니다. 추정값을 얻기 위해 실제 교정 작업이 필요했습니다.

휴면 UX는 까다롭습니다. 사용자는 탭이 그대로 유지되길 기대합니다. 원활하게(클릭 시 즉시 로드, 정확한 스크롤 위치, 플래시 없음)를 구현하려면 핵심 기능보다 더 많은 엣지 케이스 처리가 필요했습니다.

“프레임워크 없음”이 맞았습니다. 확장 프로그램은 100ms 미만으로 열립니다. 작업 중일 때 메모리를 빠르게 정리하고 싶을 때는 이점이 큽니다.

다크 모드는 선택이 아니라 자동으로 설정되어야 합니다. CSS 변수를 전역적으로 사용해 시스템 선호도에 따라 다크/라이트가 자연스럽게 전환됩니다.

시도해 보세요

이것은 Chrome 웹 스토어에서 무료로 제공됩니다. 피드백을 진심으로 원합니다 — 특히 다른 탭 정리 프로그램을 사용해 본 적이 있는 분들, 특히 부족하다고 느낀 분들께.

링크:

이 기능이 워크플로우를 더 유용하게 만들려면 무엇이 필요할까요?