• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
DLog

홈페이지 트래픽을 줄이는 방법

sotheb sotheb

0

1

2024.1.26일 티스토리 블로그로 사용하던 기록들을 호스팅을 받아 개인 홈페이지로 이전시켜 사용하고 있습니다.
2024.2.28일 아침, 호스팅에 첫번째 트래픽 초과를 경험 했습니다. 흩어져 있던 글들을 새로 작성하던 작업중인 상태였기 때문에, 관리상 발생한 트래픽이라 생각하고 호스팅 업체에 유료 트래픽 리셋을 시켰습니다.
그런데, 몇 시간 뒤 다시 트래픽 초과가 발생 했습니다.

이 홈페이지는 일일 트래픽 3.5GB 서비스를 카페24 호스팅으로 사용하고 있습니다.
비용 절감 차원에서 기본 트래픽량을 더 늘릴 생각은 아직 없습니다.

작년 2월 첫번재 트래픽 초과가 발생한 이후 3월 말 까지 매일 두세번씩 트래픽 초과가 발생 했습니다.
트래픽 초과는 접속 차단으로 이어지기에, 몇 천원 하는 트래픽 리셋 서비스를 신청 하면서 유지 시켰습니다.
작년 3월 중순 쯤 부터는 검색봇들 유입이 늘면서 3.5GB 트래픽으로는 3시간을 버티지 못했습니다.

주 원인은 외부 사이트들에 달린 제글 링크 때문이었습니다.
해당 글들 중에는 첨부 이미지들의 자료가 글 하나당 100MB 가 넘는 글들이 있습니다. 그러니 아이피 하나 접속하면 글 하나만 해도 100MB가 넘는 트래픽이 발생 합니다.

트래픽을 줄이기 위해 글에 첨부된 이미지들의 추가 자료 용량 줄이는 것은 더이상 어려워서, 첨부 자료들을 외부 링크로 전환 시켰습니다.

Workspace 계정에 구글 드라이브를 이용했습니다.
첨부 용량이 큰 글들 9개를 구글 드라이브에 업로드 시키고, 이미지와 추가 자료들을 이 홈페이지 첨부 이미지로 오픈 시켰습니다.
자료 용량만 해도 700MB 저도 됩니다.
 

https://www.sotheb.co.kr/review/2570 이 글에 첨부된 이미지 포함 전체 용량이 100MB 입니다. 자료들은 아래 소스와 같이 구글로 스트리밍을 걸어 트래픽을 제외 시켰습니다.

<figure>
<p>&nbsp;</p>

<table align="center" border="0" cellpadding="0" cellspacing="5">
    <tbody>
        <tr>
            <td>
            <p><img alt="4.jpg" data-file-srl="3704" editor_component="image_link" src="
https://drive.google.com/thumbnail?id=1-o********************&amp;sz=w1000" /></p>
            </td>
            <td>
            <p><img alt="5.jpg" data-file-srl="3705" editor_component="image_link" src="
https://drive.google.com/thumbnail?id=1********************&amp;sz=w1000" /></p>
            </td>
        </tr>
    </tbody>
</table>

<figcaption>
<p style="text-align: center;">AdobeRGB 색역 대비 ColorChecker</p>
</figcaption>
</figure>

<p data-ke-size="size16">&nbsp;</p>

<figure>
<p>&nbsp;</p>

<table align="center" border="0" cellpadding="0" cellspacing="5">
    <tbody>
        <tr>
            <td>
            <p><img alt="6.jpg" data-file-srl="3706" editor_component="image_link" src="
https://drive.google.com/thumbnail?id=********************&amp;sz=w1000" /></p>

            <p style="text-align: center;">&nbsp;</p>
            </td>
            <td>
            <p><img alt="7.jpg" data-file-srl="3707" editor_component="image_link" src="
https://drive.google.com/thumbnail?id=********************&amp;sz=w1000
" /></p>

            <p style="text-align: center;">&nbsp;</p>
            </td>
        </tr>
    </tbody>
</table>

 


구글 드라이브를 이미지 서버로 활용하는 것은, 수년 주기로 구글에서 링크 규칙을 변경 하면서 막는 경우가 있습니다.
작년 이후 아직은 작동에 문제되지 않고 있습니다.
링크 규칙에 변경이 발생하는 경우에도 홈페이지 전체 글들이 아닌 9개 글들만 수정하면 되는 문제라 복잡하거나 하지는 않습니다.

필요 하다면 아래 예시 방법과 같이 사용할 수 있습니다.

 

구글 드라이브 이미지 스트리밍 오픈 링크 변환 예
 

https://drive.google.com/thumbnail?id=이미지아이디값&sz=w가로크기
 

새로운 형식 사용 예시

https://drive.google.com/thumbnail?id=1SADFWGHWOIESJFLWE&sz=w360

 

신고공유스크랩
1
유형음
혹시 이미지 아이디 값은 어떻게 확인 할 수 있는건가요?
25.03.01. 00:22
댓글 등록
취소 댓글 등록

cmt alert

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

공유

facebooktwitterpinterestbandkakao story