사이트 성능: 사이트 미디어 최적화하기
4 분
페이지 메뉴
- 사이트 이미지 최적화하기
- 사이트에서 갤러리 구성하기
- 사이트에서 동영상 최적화하기
- 일반적인 문제 및 해결 방법
이미지 및 동영상은 사이트 방문자의 참여를 유도해 콘텐츠를 시각적으로 매력적이고 기억에 남도록 만드는 핵심 요소입니다. 하지만, 미디어를 최적화하는 것은 더 빠른 로딩 시간과 원활한 사용자 경험을 제공하는 데 매우 중요합니다. 다음 도움말 및 가이드라인에 따라 비주얼의 품질을 유지하면서 사이트 성능을 향상시키세요.
사이트 이미지 최적화하기
이미지는 사진, 제품, 블로그 비주얼 등 콘텐츠를 선보일 수 있는 훌륭한 방법입니다. 이미지를 최적화해 로딩 속도와 전반적인 성능을 개선할 수 있습니다.
옵션을 선택해 이미지 최적화를 위한 가이드라인에 대한 자세한 내용을 확인하세요.
올바른 형식 선택하기
최상의 이미지 품질 업로드하기
사이트에서 갤러리 구성하기
Wix는 여러 미디어 파일을 선보일 수 있는 다양한 갤러리 옵션을 제공합니다. 갤러리를 적절하게 구성하고 배치하면 사이트의 속도 및 효율성에 큰 영향을 줄 수 있습니다. 오버로드를 방지하기 위해 한 페이지에 여러 갤러리를 사용하는 대신, 여러 미디어 아이템이 있는 단일 갤러리를 선택하세요.
"더보기" 버튼을 사용해 갤러리가 점진적으로 로딩되도록 허용하세요. 이는 성능을 관리하는 동시에 상호 작용을 개선합니다. 방문자가 스크롤 없이는 볼 수 없는 부분에 갤러리를 배치하세요. 이렇게 하면 스크롤 없이 볼 수 있는 부분의 텍스트 및 CTA가 빠르게 로딩되어 갤러리 콘텐츠가 로딩되는 동안에도 방문자의 참여를 유도할 수 있습니다.
사이트에서 동영상 최적화하기
동영상은 튜토리얼, 홍보 자료, 제품 기능 등과 같은 유용한 콘텐츠를 전달하는 데 적합합니다. 성능 문제를 방지하려면 동영상 재생을 최적화하는 것은 필수입니다.
최적화 및 재생 성능이 내장된 Wix 동영상으로 동영상을 호스팅하세요. 삽입된 동영상(YouTube, Vimeo 등)은 iFrame을 통해 전달되며 Wix에서 최적화할 수 없습니다. 이러한 동영상 사용을 제한하고 스크롤 없이는 볼 수 없는 부분에 배치하세요.
동영상을 배경으로 사용하면 초기 페이지 로딩이 느려질 수 있으므로 피하세요. 대신 이미지 또는 텍스트와 같은 정적 플레이스홀더를 사용하는 것이 좋습니다.
단일 페이지에 표시되는 동영상 수를 제한하세요. 동영상이 여러 개인 경우에는 전용 페이지를 제작한 후 "동영상 더 보기"와 같은 버튼으로 링크를 걸어 홈페이지를 가볍게 유지하세요.
일반적인 문제 및 해결 방법
흐릿한 이미지
이미지가 흐리게 표시되는 경우:
- 이미지가 고해상도(2560x1440 픽셀 이상)인지 확인합니다.
- 적절한 형식(AVIF, WebP 또는 JPEG)을 사용합니다.
- 스크린샷은 해상도가 낮은 경우가 많을 수 있으므로 업로드하지 않습니다.
- Wix 에디터의 이미지 선명도 기능을 확인해 선명도를 높입니다.
느린 홈페이지 로딩 속도
홈페이지 로딩이 느린 일반적인 원인에는 스크롤 없이 볼 수 있는 부분에 배치된 과도한 이미지 또는 동영상, 그리고 위젯 오버로드 등이 있습니다. 이 문제를 해결하려면:
- 홈페이지에서 요소를 줄여 디자인을 간소화합니다.
- 스크롤 없이 볼 수 있는 부분에 텍스트 또는 정적 이미지를 추가합니다.
- 갤러리에 지연 로딩을 사용합니다.
느린 동영상 로딩 속도
동영상 로딩 시간을 단축하려면:
- 업로드하기 전 동영상을 압축합니다.
- 최적화된 호스팅을 위해 Wix 동영상을 사용합니다.
- 스크롤 없이 볼 수 있는 부분의 동영상을 정적 요소 또는 간단한 플레이스홀더 콘텐츠로 대체합니다.
도움말:
- 사이트 속도 테스트: Wix 사이트 속도 대시보드를 사용해 성능 문제를 식별하고 전반적인 속도를 개선하세요.
- 탐색 효율성 계획: 빠른 로딩을 위해 스크롤 없이 볼 수 있는 부분에 있는 중요한 요소는 간략하게 유지하세요.
- 현명한 갤러리 사용: 각 페이지를 하나의 갤러리로 제한하고 광범위한 미디어 파일을 검색할 수 있는 로딩 버튼을 활성화하세요.
- 모바일 최적화 모니터링: 전용 Wix 모바일 에디터를 사용해 작은 화면에 맞게 사이트의 모바일 디자인을 정기적으로 조정하세요.