IE에서는 한 CSS파일에 4095개의 선택자까지만 적용되고 이후는 적용이 안된다.(링크)
그래서 네트워크비용을 줄이기 위해 CSS파일을 합치려면 최대 선택자가 4095개여야 한다.
넘는 경우에는 모두 합치고 CSS을 xhr로 가져와 적용하는 사례들도 있다.
근데 문제는 XHR은 크롬에서 리소스를 가져오는 순서중 뒤에 속한다.
(아마 타 브라우저도 비슷한것 같다.)
크롬에서 리소스를 내려받는 순서는 HTML -> CSS -> JS -> 이미지 순이다.
좀더 자세한 순서는 CachedResourceLoader.cpp(링크)에 보면 알 수 있다.
그래서 xhr은 JS을 받으면 실행하기 때문에
link를 사용했더라면 html -> css -> js였지만 xhr을 사용하게 되면 html -> js -> css로 되어 네트워크 비용이 감소할지 모르지만 사용자가 느끼는 체감 속도는 더 느릴 수 있다.
이런 경우는 걍 2개로 나누어서 받는게 더욱 효율적일 수 있다.
SPDY의 경우 적게는 4배에서 많게는 8배 정도 빠르다고 한다.(링크)
