성능 최적화
느린 사이트는 방문자가 떠나고 SEO에도 불리합니다. Framer 사이트를 빠르게 만드는 방법입니다.
이미지
- 너무 큰 원본 업로드 금지 (가로 2000px 내외)
- 장식용 큰 배경 이미지 최소화
- 위에서 보이는 영역(첫 화면)의 이미지 수를 줄여 LCP 개선
동영상
- 자동재생 배경 동영상은 무겁습니다. 모바일에서는 정지 이미지로 대체 고려.
폰트
- 사용하는 폰트 종류·굵기를 줄이면 로딩이 빨라집니다.
- 한글 웹폰트는 특히 용량이 큽니다 → 한국 맞춤 → 한글 폰트 참고.
코드 컴포넌트
- 무거운 외부 라이브러리는 필요한 곳에서만 로드
- 불필요한 API 호출·리렌더 줄이기
측정 도구 — PageSpeed Insights 로 점수와 개선 항목을 확인하세요. LCP·CLS·INP가 핵심 지표입니다.
다음 단계
Last updated on