> For the complete documentation index, see [llms.txt](https://onehae.gitbook.io/onehae-v2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://onehae.gitbook.io/onehae-v2/growth/site_speed.md).
# 사이트 속도 개선
## 어느 페이지가 빨라 지나요?
{% hint style="info" %}
원해의 **이미지 최적화 기능은 상세페이지 속도 개선에 특화**되어 있어요.\
상세페이지 외 영역(메인,카테고리)의 속도 개선이 필요하신 경우에는\
👉 **별도 상담을 통해 맞춤 안내**를 도와드리고 있어요.
{% endhint %}
## 사이트 로딩 속도와 이탈율
페이지 로딩 속도가 **3초를 초과하면 방문자의 40% 이상이 이탈**한다는 연구 결과는 이제 널리 알려진 사실이에요.
최근에는 로딩 속도가 \*\*SEO(검색 결과 노출)\*\*에도 큰 영향을 미친다고 알려지면서,\
많은 기업들이 사이트 속도 개선을 위해 많은 비용과 시간을 투자하고 있어요.
하지만 특히 **쇼핑몰 호스팅 서비스를 이용하는 경우**,\
구조적인 한계 때문에 로딩 속도를 직접 개선하는 것이 현실적으로 매우 어렵습니다.
그래서 원해는 👉 **원클릭 그로스해킹 서비스**답게, 이 복잡한 문제를 **말 그대로 ‘원클릭’으로 해결**해드려요.
## 이용방법
* 이미지 최적화가 **꺼져 있는 상태**에서는 아래와 같은 화면이 표시됩니다.
\*\*\[원클릭 버튼]\*\*을 누르시면\
👉 상세페이지 이미지 최적화가 즉시 시작됩니다.
* 최적화 완료까지는 짧게는 **수 분**, 이미지 수가 많은 경우 **수 시간**이 소요될 수 있습니다.
* 완료시에는 최적화된 용량을 확인할 수 있어요.
## 상품별 최적화 다시하기는 뭔가요?
{% hint style="info" %}
별도의 **FTP 업로드**를 통해 상세페이지 이미지를 직접 덮어쓰는 경우, 실제 상세페이지에서 **변경된 이미지가 정상적으로 보이지 않는 상황**이 발생할 수 있어요.
이럴 때는 👉 **\[상품별 최적화 다시하기]** 기능을 사용하면 원하는 **특정 상품만 다시 최적화**할 수 있습니다.
{% endhint %}
## 속도 개선 원리
원해의 사이트 속도 개선은 이미지 포맷 변환(WebP)을 기반으로 합니다.
#### WebP 이미지란?
* 동일한 품질 기준으로
* JPG 대비 **약 25\~34%**
* PNG 대비 **최소 25% 이상**\
더 작은 용량을 가진 이미지 포맷입니다.
상세페이지는 이미지 용량이 클수록 로딩 속도에 **직접적인 영향**을 주기 때문에 이 부분을 개선하면 체감 속도가 확실히 빨라집니다.
### 원해 이미지 최적화의 특징
* 기존 상세페이지 이미지들을\
👉 **WebP 형식의 새로운 파일로 생성**
* 이미지 경로만 변경하므로\
👉 **원본 이미지는 그대로 보존**
* 기존 상품뿐 아니라\
👉 **새로 등록되는 상품 이미지도 자동으로 WebP 변환**
즉, 한 번 설정해두면 **지속적으로 상세페이지 로딩 속도가 개선**됩니다.
{% hint style="info" %}
해당 기능을 사용하시면 기존에 있는 이미지뿐만 아니라 새로 등록되는 상품의 이미지 또한 WebP로 변환해서 로딩속도를 개선시켜 드려요.
{% endhint %}
### 이미지 최적화 적용 기준 및 유의사항
아래 조건에 해당하는 초대형 이미지는 시스템 제한으로 인해 **WebP 변환 및 최적화가 진행되지 않아요.**
* 상세페이지 이미지의 **세로 × 가로 중 한 변이라도 16,383px을 초과하는 경우**
📌 권장 사항
* 상세페이지 이미지는 가능하면 **16,383px 이하로 리사이즈**하여 업로드해 주세요.
* 지나치게 큰 이미지는 로딩 속도 저하 및 사용자 이탈의 원인이 될 수 있습니다.