아일랜드 아키텍처

아일랜드 아키텍처는 페이지 전체를 하나의 거대한 앱으로 하이드레이션하는 대신, 검색창이나 캐러셀처럼 실제로 상호작용이 필요한 ‘섬(island)‘만 독립적으로 부트스트랩한다. 나머지 90% 이상의 정적 콘텐츠는 순수 HTML로 남아있어 초기 자바스크립트 실행 비용이 극적으로 줄어들고, 이는 Core Web Vitals 중 INP(상호작용 응답성) 개선에 직접적으로 기여한다. 다만 서로 다른 섬끼리 상태를 공유해야 할 때(예: 장바구니 개수 갱신) 프레임워크가 기본 제공하는 전역 상태 관리가 없으므로 nanostores 같은 경량 이벤트 버스를 별도로 도입해야 한다.

실무 적용 및 비즈니스 영향#

초기 자바스크립트 실행 비용을 획기적으로 줄여 TBT와 INP 성능을 비약적으로 개선

구현 가이드 및 주의사항#

독립된 아일랜드 간 전역 상태 공유 시 경량 이벤트 버스 활용 권장