새로운 것은 언제나 신나게!!!

boowoon.egloos.com


포토로그


이미지 최적화 : 사이트 로딩 속도 개선 쇼핑 이야기

웹사이트를 구축할때마다 가장 신경쓰는 부분은 사이트 로딩 속도이다. 아무리 좋은 서비스라도.. 속도가 나오지 않으면 고객의 인내심을 이길 수 없다.

2월말에 오픈한 11번가 서비스도 이런 면에서 빵점인 서비스이다.

초기 서비스를 둘째치고 사이트로딩속도와 관련한 불만사항이 가장 많았다.

혹자는.. 플래쉬의 그 원인은 찾고 있었지만. 정확히는 이미지의 문제였다.

특히 오픈마켓의 성격상 판매자가 임의로 올리는 이미지중에는 하나의 이미지가 10메가 정도까지 나오는 것도 있었다.

즉, 이미지를 최적화하는 것이 사이트 로딩 속도의 개선방안이 되는 것이다. 물론 기타로 프로그램을 통한 최적화 등이 있지만.. 그 이슈는 노력대비 큰 효과가 나오지 않는다.

전세계의 대표적인 사이트도 메인화면에서 이미지가 차지하는 비중이 30~70%까지 이르고, 아마존의 경우는 70%가 넘어간다.

이러한 이미지 사이즈를 줄이는 대표적인 방법은 동적 GIF의 사용억제이다. 어느 순간부터 쇼핑몰에 들어가는 이미지는 GIF이미지로 20개이상의 컷을 차지하고 있어서.. 이러한 GIF이미지를 정지컷(최소한 메인이라도..)을 만들어가는 것이 필요하다.

두번째는 GIF나 JPG화일을 효용성이 좋은 PNG화일로 변환하는 것이다. 이 경우 20~50%까지 화일크기가 줄어든다. 물론 해상도가 차이가 나겠지만.. 과연 몇명이나 256칼라로 변환된 사실을 알 수 있을까..

마지막으로는 이미지해상도를 적절히 조절하는 것이다. 100%의 해상도를 85%수준으로 변환하면 화일크기가 역시 50%이상 줄어들지만.. 역시 웹상에서는 큰 차이를 보여주지 않고 있다.

물론 이러한 과정이 시스템에서 자동으로 이뤄져야 하고.. 이런 방법이 결론적으로 사이트 로딩 속도를 개선하는데 가장 효과가 있는 방법인 것이다.





덧글

  • yuna 2008/11/21 10:17 # 삭제

    야후가 29%로 나온 맨 위의 표는 뭘 의미하는 건가요?
  • 浮雲 2008/11/21 10:38 #

    아! 설명을 빼놓았네요. 전체 사이트에서 이미지 비중입니다.
  • yuna 2008/11/21 17:40 # 삭제

    구글이 75%라니 좀 놀라워서요
  • 浮雲 2008/11/21 17:42 #

    아마 워낙 텍스트 크기가 작아서 상대적으로 이미지 용량이 큰 것처럼 보인 것 같네요
  • sandwalker 2008/11/21 10:31 # 삭제

    11번가 초기에 28초에 가까운 로딩속도를 보인 이유는 이미지도 있겠지만, 전체 코딩 자체의 비효율성이 더 큰 감이 있었습니다. 일부 개발자들 사이에선 '떡칠' 소리가 나올 정도로 심한 코딩이었죠. 당시 11번가의 페이지를 관심있게 본 많은 개발자들 사이에서 돌았던 이야기의 중론은 '기획단에서의 과한 욕심이 개발단과의 협의로 제어되지 않은 결과물' 이라는 이야기였습니다.
  • 浮雲 2008/11/21 10:39 #

    본문에도 있었지만. 코딩의 문제도 분명히 있었습니다.
※ 이 포스트는 더 이상 덧글을 남길 수 없습니다.

최근 포토로그



통계 위젯 (화이트)

226
176
4704895