간단한 개발관련 내용

Chapter 01. HTTP 요청을 줄여라. 1. 이미지 맵(Image map). 이미지 맵 을 이용하면 웹 페이지 UI 변경 없이 HTTP 요청 수를 줄일 수 있다. 그 이유는 한 개의 이미지로 여러 개의 URL 을 연결 할 수 있기 때문이다. 이미지 맵을 사용하면 장점으로는 보통 50% 빠른 속도를 보이는데, 단점으로는 클라이언트 측 맵으로 코드를 작성 할 경우 맵의 영역 좌표를 수동으로 하는 경우 지루하고 실수하기 쉽다. 그리고 네모가 아닌 다른 모양을 만드는 것을 거의 불가능하며 연속적인 이미지여야 하는 안 좋은 점이 있다. 2. CSS Sprite. CSS Sprite 는 이미지 맵처럼 여러 이미지를 결합할 수 있지만 이미지 맵보다 훨씬 유연하다. 보통 CSS 의 background-posit..

chapter 0A. 앞단성능의 중요성.성능 황금률(performance golden rule). 최종 사용자의 응답 시간의 10~20% 만이 HTML 문서를 다운받는 데 사용되고 80~90%는 페이지 안의 모든 구성요소를 다운받는 데 사용된다. chapter 0B. HTTP의 이해. http 를 통해 서버와 클라이언트가 서로 요청과 응답을 주고 받을 때 GET, POST, HEAD, PUT, DELETE, OPTION, TRACE 타입을 사용한다. 이러한 타입과 함께 http 헤더를 통해서 데이터를 압축하거나 조건부GET요청, 만료기간 설정 등으로 웹사이트 성능에 영향을 줄 수 있다.

1. Ajax 의 성능 제대로 이해하기. 개발자들은 브라우저가 응용프로그램을 위한 플랫폼이 아니라 Script 언어와 Dom 을 사용하는 간단한 Form 으로 구성된 응용프로그램을 만드는데 사용하도록 고안되어져 있다는 것을 인지해야 한다. 웹 사이트의 응답시간을 줄이기 위해서 Ajax 를 사용하기도 하는데 흔하게 하는 실수가 응용프로그램의 모든 데이터를 브라우저로 내려 보내는 것이다. Ajax 와 Javascript, Dom 을 사용하면서 Javascript 가 bottleneck 이라고들 하지만 일반적으로 성능 저하의 원인은 Dom 에 있다. 브라우저가 Javascript 를 실행하는데 들이는 시간은 대체로 적다. 대부분의 시간은 Dom 과 관련된 곳에서 소비된다. Ajax 는 페이지를 갱신하는 데 매..