개별 리소스 파일 또는 개별 파일을 더 빨리 사용할 수 있습니까?

Question

여러 개의 아이콘/이미지 (예 : http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png)를 포함하는 이와 같은 개별 리소스 파일을 만들거나 각각의 개별 파일로 여러 파일을 만드는 것이 더 빠릅니다. 파일을 한 번만 다운로드해야하기 때문에 단일 파일에서 더 빠를 것 같지만 CSS 파일의 각 클래스에 대한 배경 위치 CSS 속성을 조정하는 데는 시간이 걸릴 것입니다. 나는 다른 웹 사이트가 다른 기술을하고있는 것을 보았 기 때문에 여기서 조금 잃어 버렸고 어떤 것이 가장 좋을지 궁금합니다.

Answer 1

이것을 "CSS 스프라이트"라고합니다. 단일 파일이 너무 커서 사이트 로딩 속도가 느려지 지 않는 한 사용할 수있는 좋은 기술입니다.

사이트의 주요 UI 항목 인 경우 CSS 포지톤으로 코딩 할 가치가 있습니다. 코드 작성에 오래 걸리지는 않으며 처리 할 파일이 거의 없습니다.

예 : http://skyje.com/2010/02/css-sprites/

예 : http://coding.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/