2025-02-14
아일랜드 컴포넌트로 검색창만 살리기
한도윤
Astro성능아일랜드
첫째 주차에는 페이지 골격을 정적으로 두고, 검색 입력만 아일랜드로 분리합니다. 이렇게 하면 초기 HTML이 작아지고, 캐시 정책을 단순화할 수 있습니다.
둘째로, 아일랜드 경계를 정할 때 이벤트 버블링을 끊어야 하는 지점을 명시합니다. 폼 제출이 전체 레이아웃을 건드리지 않도록 작은 스토어를 둡니다.
셋째, 실패 시나리오를 문서화합니다. 네트워크 지연 시 입력값을 잃지 않도록 로컬 임시 저장 키를 브랜드 접두사로 분리합니다. 이 접근은 운영 팀이 재현 노트를 짧게 유지하는 데 도움이 됩니다.
넷째, 배포 후에는 아일랜드 버전을 태깅해 롤백 범위를 줄입니다. 동일 페이지의 다른 섹션은 정적 자산으로 남기므로 위험 표면이 작아집니다.