> 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(검색 결과 노출)\*\*에도 큰 영향을 미친다고 알려지면서,\
많은 기업들이 사이트 속도 개선을 위해 많은 비용과 시간을 투자하고 있어요.

하지만 특히 **쇼핑몰 호스팅 서비스를 이용하는 경우**,\
구조적인 한계 때문에 로딩 속도를 직접 개선하는 것이 현실적으로 매우 어렵습니다.

그래서 원해는 👉 **원클릭 그로스해킹 서비스**답게, 이 복잡한 문제를 **말 그대로 ‘원클릭’으로 해결**해드려요.

## 이용방법

* 이미지 최적화가 **꺼져 있는 상태**에서는 아래와 같은 화면이 표시됩니다.

<figure><img src="/files/TrqigtKvSLVeMT1naNqJ" alt=""><figcaption></figcaption></figure>

\*\*\[원클릭 버튼]\*\*을 누르시면\
👉 상세페이지 이미지 최적화가 즉시 시작됩니다.

* 최적화 완료까지는 짧게는 **수 분**, 이미지 수가 많은 경우 **수 시간**이 소요될 수 있습니다.

<figure><img src="/files/HYMXHvgvoVsUucYnbsLr" alt=""><figcaption></figcaption></figure>

* 완료시에는 최적화된 용량을 확인할 수 있어요.

<figure><img src="/files/Nx1bzbuOIsWKRJ1cvSsA" alt=""><figcaption></figcaption></figure>

## 상품별 최적화 다시하기는 뭔가요?

{% hint style="info" %}
별도의 **FTP 업로드**를 통해 상세페이지 이미지를 직접 덮어쓰는 경우, 실제 상세페이지에서 **변경된 이미지가 정상적으로 보이지 않는 상황**이 발생할 수 있어요.

이럴 때는 👉 **\[상품별 최적화 다시하기]** 기능을 사용하면 원하는 **특정 상품만 다시 최적화**할 수 있습니다.
{% endhint %}

## 속도 개선 원리

원해의 사이트 속도 개선은 이미지 포맷 변환(WebP)을 기반으로 합니다.

#### WebP 이미지란?

* 동일한 품질 기준으로
  * JPG 대비 **약 25\~34%**
  * PNG 대비 **최소 25% 이상**\
    더 작은 용량을 가진 이미지 포맷입니다.

상세페이지는 이미지 용량이 클수록 로딩 속도에 **직접적인 영향**을 주기 때문에 이 부분을 개선하면 체감 속도가 확실히 빨라집니다.

### 원해 이미지 최적화의 특징

* 기존 상세페이지 이미지들을\
  👉 **WebP 형식의 새로운 파일로 생성**
* 이미지 경로만 변경하므로\
  👉 **원본 이미지는 그대로 보존**
* 기존 상품뿐 아니라\
  👉 **새로 등록되는 상품 이미지도 자동으로 WebP 변환**

즉, 한 번 설정해두면 **지속적으로 상세페이지 로딩 속도가 개선**됩니다.

{% hint style="info" %}
해당 기능을 사용하시면 기존에 있는 이미지뿐만 아니라 새로 등록되는 상품의 이미지 또한 WebP로 변환해서 로딩속도를 개선시켜 드려요.
{% endhint %}

### 이미지 최적화 적용 기준 및 유의사항

아래 조건에 해당하는 초대형 이미지는 시스템 제한으로 인해 **WebP 변환 및 최적화가 진행되지 않아요.**

* 상세페이지 이미지의 **세로 × 가로 중 한 변이라도 16,383px을 초과하는 경우**

📌 권장 사항

* 상세페이지 이미지는 가능하면 **16,383px 이하로 리사이즈**하여 업로드해 주세요.
* 지나치게 큰 이미지는 로딩 속도 저하 및 사용자 이탈의 원인이 될 수 있습니다.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://onehae.gitbook.io/onehae-v2/growth/site_speed.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.