웹 성능 최적화 점검툴

웹 성능 최적화(Web performance optimization)는 다양한 측정지표들을 통하여 보다 신속한 로딩이 가능하도록 경량화(최적화)하는 작업이다. 

대다수 기획자, 개발자, 퍼블리셔들이 간과하는 경우가 많기 때문에 특히 더 신경을 써야할 영역이기도 하다. 

내가 진행한 프로젝트에서도 2013년과 더불어 2014년에도 경량화에 계속 공을 들이고 있다. 

근래에 이런 작업을 하면서 가장 고민되는 사항은 웹폰트이다. 

다른 사항들도 고민되는 사항이 분명 있지만, 무엇보다 심미적인 부분에서 가장 크게 작용하기도 할 뿐더러,

가장 경량화된 웹폰트를 사용하더라도 약 700~900KB에 육박하기 때문이다. 

여하간에 심미적 이유를 들어 2개의 웹폰트를 사용하고, 

CDN에 있을 구글 웹폰트가 아닌 서비스 중인 웹서버에 올려 사용하는 것은 나름의 이유는 있지만 계속 고민을 해야할 부분이다. 

아래는 웹 성능 최적화를 할때 참고하는 자료와 사이트들의 집합.

작은 차이가 명품을 만들 듯, 0.1초의 로딩시간의 감소는 사용자 경험에 크게 작용될 것임을 잊지말자.

---

[JCO 컨퍼런스] 웹사이트 Front-End 성능 최적화 from 흥래 김

---

Web Page Test (http://www.webpagetest.org)
다양한 차원의 성능 최적화를 측정할 수 있는 사이트. 측정 에이전트에 Seoul이 추가되었다 ^^

Google Page Speed (https://developers.google.com/speed/pagespeed/)
Google에서 제공되는 최적화 측정 서비스로, 모바일과 데스크톱이 각각 제공된다.

GT Matrix (http://gtmetrix.com)
Google page speed와 Yslow를 한번에 체크, 히스토리도 제공되어 내역관리가 편하다.

PNG Tiny (https://tinypng.com)
PNG이미지를 무손실하면서 최소용량으로 다운시켜주는 서비스, 포토샵 플러그인도 함께 제공한다.