1. Make fewer HTTP requests
- 사용자 응답시간의 80%는 프론트앤드단에서 발생, 페이지의 컴포넌트들은 각각의 http request를 유발시켜 
    페이지를 느리게 함
- ImageMaps : 같은 사이즈를 가지고 많은 량의 http request를 줄여줌
- CssRequest
- Inline Images-date : UrlSchema를 이용, 페이지에 이미지데이터를 삽입, 이미지 컴포넌트에 대한 요청 줄임

 
2. Use a CDN(Content Delivery Network)
 -  사용자의 위치에 따라서 가장 가까운 서버에 접속해 데이터를 가져오는 서비스
     야후의 경우 약 20%정도의 성능향상 확인

 
3. Add an Expires header
 - 그 날짜가 지나기 전에는 각 컴퍼넌트를 재 호출하지 않음.(아파치의 경우  ExpireDefault값을 이용하여 지정해 줄 수 있음)

 
4. Gzip Components (가장 많이 쓰여짐)
 - 압축의 방법
    http request(1.1)의 헤더에 accept-encoding헤더를 붙여 보내면 서버는 압축을 하여, 지정된 엔코딩 방식으로 압축 후
    response할 때 그 엔코딩 방식으로 같이 붙여서 보내며, 이를 브라우저가 해석
 - 현재 90%의 인테넷 브라우저가 gzip을 지원

5. Put CSS at the top
 - 야후 조사에 따르면 스타일시트를 웹페이지의 안에 넣는 것 만으로도 좋은 성능

 
6. Move scripts to the bottom
 - 대신 아래쪽에 스크립트를 넣음

7.  Avoid CSS expressions
 - CSS expression을 피하라 : width: expression(~~~) 식의 표현을 자제

8. Make JS and CSS external
 - 자바스크립트와 CSS를 외부로 빼내라

9. Reduce DNS lookups

10. Minify JS

 - 스크립트의 사이즈의 최소화

 - 파일을 압축 :

     http://alex.dojotoolkit.org/shrinksafe/

     캐싱되는 문제점 보완하기 위해서 <SCRIPT src="script1.js?v=001"></SCRIPT> 식으로 js src 지정자를 변형

11. Avoid redirects
 - 리다이렉트 페이지를 피함

12. Remove duplicate scripts
 - 중복 스크립트를 제거

13. Configure ETags

onclick 으로 탭을 보여준 수 false를 리턴하여 해당 앵커로 이동하지 않도록 처리
 => 자바스크립트가 작동을 할 때에는 클릭하면 정상적으로 탭으로 작동을 할 것이고,
     그렇지 않을 경우에는 해당 컨텐츠로 이동을 하여 높은 접근성을 유지 할 수 있음

간혹 브라우저 캐시 문제다 해서 include 한 파일들이 수정된 상태로 적용이 안 되는 경우가 있다
그럴 경우를 위와 같은 방법으로 임의 버전을 수정 시 업데이트 해주면 브라우저에서 com.js 혹은 common.css을
새 파일로 다시 내려 받아 적용시킨다
소스 적용 방법은 수정시 마다 해당 파일의 버전을 업데이트 해준다