검색 > #웹성능최적화 | REDINFO 블로그

브라우저 탭 비활성화 시 리소스 낭비 방지 - Page Visibility API 완벽 활용법

웹 서비스를 개발하다 보면 사용자가 브라우저 탭을 전환하거나 창을 최소화했음에도 백그라운드에서 실시간 API 요청(Polling)이나 타이머, 애니메이션이 계속 실행되는 상황을 경험해봤을 것이다.다만 대부분의 개발자들은 탭의 활성화 상태를 감지하는 정확한 표준 기술을 모른 채 `window.onblur` 이벤트를 대충 쓰거나, 백그라운드에서 불필요하게 서버···

24 0

브라우저 탭 간 상태 불일치 해결 - BroadcastChannel API로 실시간 동기화 완벽 가이드

웹 서비스를 이용할 때 사용자가 여러 브라우저 탭을 열어두고 한쪽에서 로그아웃을 하거나 장바구니 품목을 변경했는데, 다른 탭에는 기존 정보가 그대로 남아있어 오작동하는 문제를 경험해봤을 것이다.다만 많은 개발자들이 탭 간 실시간 데이터 동기화를 어떻게 깔끔하게 구현해야 하는지 정확한 방법과 원리를 모른 채 복잡한 WebSockets나 localStorage···

24 0

페이지 이탈 시 데이터 유실 문제 - Beacon API로 비동기 로그 전송 완벽 해결

웹 애플리케이션을 개발하면서 사용자가 페이지를 닫거나 다른 사이트로 이동할 때 체류 시간, 사용자 행동 분석 로그, 혹은 작성 중이던 데이터의 상태를 서버로 전송해야 하는 상황을 경험해봤을 것이다.다만 대부분의 개발자들은 unload 이벤트 핸들러 내부에서 일반적인 fetch()나 axios를 호출했다가, 브라우저가 요청을 강제로 중단시켜 데이터가 서버에 ···

29 0

PHP 동시 요청 멈춤 현상 해결 - session_write_close()를 활용한 세션 블로킹 최적화

웹 애플리케이션을 개발하다가 한 사용자가 여러 개의 AJAX 요청을 동시에 보내거나 장시간 실행되는 비동기 작업(대용량 파일 다운로드, 외부 API 연동 등)을 수행할 때, 다른 요청들이 무한정 대기 상태에 빠지는 경험을 해봤을 것이다.다만 대부분의 개발자들은 이를 단순한 네트워크 지연이나 서버 성능 문제로 오인하고, 세션 메커니즘에서 발생하는 블로킹(Se···

32 0

IT 개발 블로그 — REDINFO

브라우저 탭 비활성화 시 리소스 낭비 방지 - Page Visibility API 완벽 활용법

브라우저 탭 간 상태 불일치 해결 - BroadcastChannel API로 실시간 동기화 완벽 가이드

페이지 이탈 시 데이터 유실 문제 - Beacon API로 비동기 로그 전송 완벽 해결

PHP 동시 요청 멈춤 현상 해결 - session_write_close()를 활용한 세션 블로킹 최적화