사이트 성능: 성능 중심의 사이트 디자인하기

관련성 있고 깔끔한 콘텐츠가 포함된 사이트 페이지는 일반적으로 로딩 시간이 단축되고 사이트 방문자에게 더 원활한 경험을 제공합니다.

스크롤 없이 볼 수 있는 부분 섹션을 최적화하고 전용 페이지를 만드는 등, 아래 디자인 도움말을 따라 페이지의 성능을 향상시키세요.

사이트의 요소는 특정 순서로 로딩됩니다. 정적이거나 저해상도 요소는 무겁거나 인터랙티브인 요소보다 빠르게 로딩됩니다. 

요소가 사이트에 로딩되는 순서는 다음과 같습니다.

사이트를 구조화하고 콘텐츠를 추가할 때는 로딩 순서를 염두에 두세요. 사이트의 스크롤 없이 볼 수 있는 부분에 가장 빨리 로딩되는 요소를 추가하는 것이 좋습니다. 해당 부분이 방문자가 사이트 방문 시 가장 처음 접하게 되는 콘텐츠이기 때문입니다.

스크롤 없이 볼 수 있는 부분의 섹션은 방문자가 스크롤하지 않고도 볼 수 있는 사이트 섹션이며, 일반적으로 사이트에서 가장 먼저 로딩되는 부분입니다. 

가능한 경우, 필요한 정적 요소만 추가하고 이 섹션의 디자인을 간단하고 관련성 있게 유지하는 것이 좋습니다.

사이트의 스크롤 없이 볼 수 있는 섹션에는 다음과 같은 요소를 추가하는 것이 좋습니다.

유동적인 고해상도 요소는 사이트에 움직임과 생동감을 더할 수 있습니다. 하지만, 사이트 로딩 시간이 길어져 성능에 영향을 줄 수 있습니다.

이러한 요소를 염두에 두는 것이 좋습니다. 필요한 경우에만 사용하고 사이트에서 스크롤 없이 볼 수 있는 부분에는 추가하지 않도록 합니다.

Wix는 쇼핑몰, 블로그, 동영상을 포함해 사이트에 추가할 수 있는 다양한 앱을 제공합니다. 

이러한 앱을 위해서는 사이트 홈페이지가 아닌 전용 페이지를 생성하는 것이 좋습니다. 이렇게 하면 홈페이지 로딩 시간에 영향을 줄 수 있는 과부하를 방지할 수 있습니다. 버튼, 메뉴 아이템, 링크 등의 요소를 사용해 홈페이지에서 이러한 전용 페이지로 링크할 수 있습니다.

전용 페이지를 추가하면 페이지 길이를 줄일 수도 있습니다. 페이지 길이란 방문자가 전체 사이트 페이지를 보기 위해 스크롤해야 하는 화면 수를 의미합니다. 필요한 구성 요소만 추가하고 CTA 사용을 최적화해 페이지 길이를 화면 수 8개 아래로 유지하는 것이 좋습니다. 

버튼은 사이트 성능을 저하시키지 않고 콘텐츠를 미리 볼 수 있는 좋은 방법입니다.

방문자에게 사이트 콘텐츠 샘플을 제공하는 정적 요소(예: 텍스트)를 홈페이지에 추가한 후 각 페이지로 연결되는 버튼을 추가합니다. 몇 가지 예로는 "블로그 확인하기", "더보기", "쇼핑하기" 등이 있습니다.