Astro 기반의 완전 정적 사이트 생성 (SSG)
모든 페이지는 사전에 독립된 가벼운 HTML 파일로 컴파일됩니다. 상시 구동되는 백엔드 서버 없이 가장 가까운 에지 CDN 노드에서 50밀리초 이내에 사용자에게 전달됩니다.
기술 상세
Astro의 `output: 'static'` 모드를 통해 백엔드 런타임(Node.js, PHP 등) 없이 순수 HTML로 서비스됩니다. 불필요한 서버 CPU 연산을 제거하여 전력 소모를 획기적으로 줄입니다.
디지털 절제와 개발 비하인드
군더더기 없이 가볍고 빠른 친환경 웹사이트
Meerabel은 사진 정리를 통해 클라우드 탄소 배출을 줄이도록 돕습니다. 우리의 웹사이트 역시 동일한 원칙에 따라 설계되어 즉각적인 로딩과 최소한의 전력 소모를 실현했습니다.
웹에서 1메가바이트가 중요한 이유
웹페이지를 방문할 때마다 데이터 센터 서버, 네트워크 장비, 사용자 기기 배터리가 전력을 소비합니다. 사이트 용량이 수 메가바이트에 달하면 전 세계적으로 엄청난 에너지가 낭비됩니다.
스마트폰에 방치된 수천 장의 중복 사진과 똑같습니다. 필요 없는 데이터를 덜어내고 진정 가치 있는 추억에 집중하는 것이 디지털 절제의 핵심입니다.
객관적인 검증: 실시간으로 직접 확인하세요
실시간 독립 기관 감사가장 탄소 배출이 적은 사이트는 '존재하지 않는 사이트'일 것입니다. Meerabel은 매력적인 앱 소개와 극단적인 경량화의 균형을 찾았습니다. 공인된 제3자 감사 도구로 실시간 측정해 보세요:
웹 에코 디자인을 지탱하는 6대 기술 기둥
기본 아키텍처부터 이미지 압축 기술까지, 뛰어난 에너지 효율을 달성한 구체적인 기술 선택을 소개합니다.
불필요한 클라이언트 자바스크립트 완전 배제
오늘날 많은 웹사이트는 텍스트를 표시하기 전 무거운 자바스크립트를 다운로드하도록 강제합니다. Meerabel은 네이티브 HTML과 CSS를 중심으로 구축되어 브라우저의 스크립트 실행 부담이 거의 없습니다.
기술 상세
Astro Islands 아키텍처를 통해 꼭 필요한 컴포넌트에만 최소한의 JS를 적용합니다. 무거운 상태 관리 라이브러리를 배제하여 기기 배터리를 절약합니다.
초경량 AV1 코덱 기반 데모 비디오
로열티 프리 차세대 AV1 코덱을 적용하고 WebM과 MP4 폴백을 갖추었습니다. 기존 비디오 대비 60% 이상 적은 데이터 전송량으로 선명한 화질을 제공합니다.
기술 상세
libaom-av1 멀티패스 인코딩을 통해 데스크톱용(5MB 미만)과 모바일용(1.5MB 미만)을 최적화했습니다. 기기가 지원하는 가장 가벼운 포맷이 자동 선택됩니다.
극단적으로 압축된 비주얼 (AVIF, WebP, SVGO)
모든 래스터 이미지는 고압축 AVIF 및 WebP 형식으로 제공됩니다. 벡터 그래픽 역시 정밀하게 최적화되어 Meerabel 로고는 3D 입체감을 온전히 유지하면서도 57KB에서 8.8KB(-84%)로 경량화되었습니다.
기술 상세
SVGO 최적화를 통해 보이지 않는 메타데이터를 제거하고 중복 패스를 병합하여 코드 용량을 줄였습니다.
자체 호스팅 로컬 WOFF2 웹폰트
Google Fonts 등 외부 서버에 일체의 요청을 보내지 않습니다. 가장 압축률이 높은 WOFF2 포맷으로 자체 서버에서 직접 서비스되며 강력하게 캐싱됩니다.
기술 상세
`@font-face` 및 `font-display: swap`을 통한 철저한 자체 호스팅. 외부 DNS 조회 및 TLS 핸드셰이크를 제거하여 초기 렌더링을 가속하고 사용자 프라이버시를 보호합니다.
절제된 애널리틱스 및 Consent Mode v2
원칙을 지키면서 서비스 이용을 파악하기 위해 Google Analytics 4를 Axeptio 및 Consent Mode v2와 연동했습니다. 동의 전까지 쿠키는 차단되며 페이지 로딩 완료 후 지연 실행됩니다.
기술 상세
외부 스크립트는 `requestIdleCallback`으로 지연 실행되어 초기 렌더링 리소스를 점유하지 않습니다. Consent Mode v2를 통해 데이터 저장이 기본 차단되며 악의적인 추적 스파이웨어는 일체 배제됩니다.
주요 기술 사양 요약
아키텍처 및 프레임워크
Astro 5 (100% 정적 SSG)
호스팅 인프라
글로벌 분산 에지 CDN
비디오 인코딩
차세대 AV1 + WebM / MP4
이미지 포맷
AVIF, WebP & SVGO 최적화 SVG (-84%)
웹폰트
자체 호스팅 WOFF2 (외부 호출 0건)
분석 도구 및 스크립트
지연 실행 GA4 + Axeptio (Consent Mode v2)
다국어 지원
8개 언어 정적 사전 렌더링
당신의 사진에도 디지털 절제를 시작해 보세요
스마트폰 속에도 수천 장의 중복 사진과 잊혀진 캡처 화면들이 잠들어 있습니다. Meerabel과 함께 개인정보를 안전하게 지키며 추억을 가볍게 정리해 보세요.
무료 Meerabel 앱 살펴보기