[웹성능최적화] 예고편

* 웹페이지의 성능에 대한 인식이 뛰어나지 않은 국내 시장에서 다양한 웹페이지의 성능 진단 및 최적화를 진행함으로써 다양한 데이터를 모으려고 한다. 아직은 많은 데이터를 수집해야하는 시기라 실제 진단하는 케이스들과 최적화를 하는 케이스가 있으면 천천히 하나씩 블로그에 포스팅을 하려고 한다.

: 현재까지 국내에서는 백엔드의 성능에 치중한 성능 최적화가 많았지만, 실제로 웹페이지가 사용자의 브라우져에 뜰 때까지 걸리는 모든 시간의 80%~90%는 서버의 백엔드가 아닌 프론트엔드인 브라우져에서 할애하게 된다. 따라서, 프론트 엔드에서 사용자들에게 직접적으로 UX에 영향을 주는 사항들에 대하여 검토하고 진단 그리고 나아가 최적화를 시킬 수 있는 방향까지 제시하고자 한다. 현재까지 해외에서는 웹페이지의 성능에 대한 다양한 연구들과 이미 각 유명 회사들에서 해당 분야의 중요성을 인지하고 있지만, 막상 국내에서는 "다음" 그리고 "네이버" 정도의 대형 포털에서만 신경을 쓰고 있고, 일반 웹 개발자들은 이에 대한 지식이 전무한 상태이다. 아래의 해외 사례들과 인용들을 살펴보면 '웹사이트의 성능'이 생각한 것보다 얼마나 중요한지 한번 생각해보는 것도 좋을 것이다.

* 인용1: "the average online visitor expects pages to load in two seconds or less -- and after three short seconds, as many as 40 percent of visitors will abandon your site (Gomez)"

* 해석1: 평균 온라인 방문자들은 페이지가 2초 이내로 로딩이 끝날 것이라 예상하고 있으며, 3초 이상이 되어버리는 순간 40%의 방문자는 사이트의 방문을 포기할 것입니다.

* 인용2: "AutoAnything, cut their load time in half, and saw revenue gtow by 13percent"

* 해석2: AutoAnything사는 로딩 시간을 반으로 개선시켜 13%의 매출 증대를 이루었다.

* 인용3: "Amazon.com have shown that for every 100 milliseconds of slowdown, they experienced a 1 percent drop in revenue"

* 해석3: Amazon.com은 로딩이 0.1초 느려질 때마다 매출이 1%씩 떨어지는 것을 경험하였다.

 

 

: 이렇게 매출의 증대로 이어지는 웹페이지의 성능 최적화는 특히 쇼핑몰이나 물건을 판매하는 수익성 웹페이지에는 더욱더 중요하며, 이러한 성능 최적화는 위에 썼다시피, 서버축 백엔드 최적화로 개선할 수 있는 성능은 전체 웹페이지 로드 프로세스의 10~20%라면 프론트엔드에서 성능최적화로 영향을 미치는 전체 웹페이지 로드 프로세스의 80~90%인 셈이다. 성능 최적화의 난이도로 따벼봐도 백엔드 최적화는 난이도도 높고 개발 단가가 비싼 반면, 프론트엔드의 최적화는 간단한 몇가지 수정만으로 놀라운 성능의 최적화가 가능하고 난이도가 낮고 리스크도 적다. 따라서 서버의 비즈니스 로직과 DB 등의 백엔드 최적화를 생각하기 전에 먼저 프론트엔드의 최적화를 하는 것은 당연한 일일 것이다.

: 이 프로젝트는 데이터가 어느 정도 쌓이기 전까지 당분간 지속될 것이고 이 글에 홈페이지의 주소를 댓글로 달아주거나 우측의 "의뢰: 웹사이트 성능 최적화"의 사이트에서 홈페이지 주소를 쪽지로 주면 무료로 성능 진단을 해주고 결과와 수정 방향을 먼저 전달해 줄 것이고, 성능 최적화를 적용하기 원한다면 우측의 링크 목록에 있는 "의뢰: 웹사이트 성능 최적화" 사이트에서 의뢰를 하면 된다. 이후에는 어떠한 부분을 최적화 했고, 이것들을 통해 최적화 전과 후의 성능 비교를 통해서 얼마나 개선이 되었는지 정리하는 부분까지 할 생각이다.

의뢰: http://kmong.com/gigs/22321/

: 이후에 글들은 최적화가 의뢰된 웹사이트들에 대해서 "최적화 결과"를 정리할 것이고, 최적화 작업은 언제나 이상적으로 동작하지 않고 수 많은 제약 사항(특히 웹호스팅의 제약)과 예외 사항들이 많기 때문에 실행하지 못한 더 세부적인 최적화 포인트까지 분석해볼 것이다. 현재 각종 쇼핑몰 업체에서 진단을 많이 받아가고 있으며, 최적화는 일부 쇼핑몰에서 진행하였으므로 해당 개선 사항들에 대해서 차후 정리하여 글을 작성할 예정이다. 이 개선 사항들을 보면 아주 놀라운 향상을 보게 될 것이라 생각하고 '웹성능최적화'라는 분야에 관심이 생길 것이라 자신한다. 작업했던 내용들은 차츰 정리하여 공개할 예정이다.

- 다음 글

2014/03/?? - ???????????????.co.kr 최적화 결과

2014/03/?? - ?????????.co.kr 최적화 결과