사이트 성능: 요소 로딩 시 발생하는 색상 플래시

2 분 분량
사이트 로딩 시에는 먼저 배경 색상을 로딩한 후 배경 이미지를 로딩합니다. 이는 스트립 및 슬라이드쇼와 같이 배경 색상이 있는 요소에도 적용됩니다.  대부분의 경우 배경 이미지는 배경 색상이 전혀 표시되지 않을 만큼 빠르게 로딩됩니다.  
경우에 따라 인터넷 연결 속도가 느리거나 배경 이미지/동영상이 매우 큰 경우, 배경이 로딩되는 데 몇 초가 소요될 수 있으며, 이에 따라 이미지 또는 동영상이 로딩되기 전 배경 색상이 깜박이는 것을 볼 수 있습니다.
페이지, 스트립 또는 슬라이드쇼의 배경 색상을 변경하면 페이지를 불러올 때 색상 플래시가 표시되지 않습니다. 
가능한 한 배경 색상, 스트립 또는 슬라이드쇼 이미지의 색상과 유사한 배경 색상을 선택하는 것이 좋습니다. 색상이 깜박이는 요소에 따라 다음 요소의 배경을 변경하세요.

페이지 배경 색상을 변경하려면:

  1. 에디터 왼쪽에서 배경 아이콘을 클릭합니다.
  2. 배경 이미지 미리보기의 왼쪽 상단을 클릭합니다.
  3. 색상 선택기에서 색상을 선택하거나 색상 추가를 클릭해 새 색상을 추가합니다.
  4. 색상 선택기를 닫습니다.
중요!
해당 배경 이미지를 사용하는 사이트의 모든 페이지에 변경 사항을 적용해야 합니다 페이지 배경 패널 하단에서 다른 페이지에 적용을 클릭하세요,

슬라이드쇼 배경 색상을 변경하려면:

  1. 에디터에서 슬라이드쇼를 클릭합니다.
  2. 슬라이드 배경 변경을 클릭합니다.
  3. 배경 이미지 미리보기의 왼쪽 상단을 클릭합니다.
  4. 색상 선택기에서 색상을 선택하거나 색상 추가를 클릭해 새 색상을 추가합니다.
  5. 색상 선택기를 닫습니다.
  6. 다른 슬라이드에 적용을 클릭합니다. 

스트립 배경 색상을 변경하려면:

  1. 에디터에서 스트립을 클릭합니다.
  2. 스트립 배경 변경을 클릭합니다.
  3. 색상 배경 유형을 클릭합니다.
  4. 색상 선택기에서 색상을 선택하거나 색상 추가를 클릭해 새 색상을 추가합니다.
  5. 색상 선택기를 닫습니다.

도움이 되었나요?

|