웹 사이트 최적화 - CSS 및 이미지

Question

트래픽이 많은 사이트를 최적화하는 중입니다. 내가 작업하고있는 사이트에는 많은 위젯이 있습니다. 예를 들어 20 대 정도이며 기본적으로 7 개만로드됩니다. 나는 기본 위젯에 대한 빠른 로딩 시간을 위해 CSS와 이미지 스프라이트를 분리하려고 생각했다.

다른 기본이 아닌 위젯의 경우, 나는 각각에 대해 별도의 CSS 파일과 이미지 스프라이트가 있다고 생각하고있었습니다. 이렇게하면 사용자가 기본이 아닌 위젯을 선택할 때 해당 특정 위젯에 CSS 파일을 동적으로 삽입 할 수 있습니다.

제 질문은 - 기본이 아닌 위젯이 자신의 CSS와 이미지 스프라이트 파일을 가지고 있기 때문에 더 많은 HTTP 요청이 생길 것이므로 이것이 최적화에 좋지 않거나 잠재적으로 나빠질 것이라고 생각합니까? 물론 파일 크기가 줄어들 것입니다.

생각하십니까? 아니면 같은 문제를 다루는 다른 사람?

Answer 1

기본이 아닌 위젯이 자신의 CSS 및 이미지 스프라이트 파일을 가지고 있기 때문에 더 많은 HTTP 요청이 생길 것이므로 이것이 최적화되거나 잠재적으로 나빠질 것이라고 생각하십니까?

글쎄요, 결국 수학은 무언가에 불과합니다. 실제로는 실제 숫자가 어떻게 생겼는지에 달려 있습니다.

기본 위젯의 스프라이트를 하나의 파일로 유지하는 것은 사용자의 설명에서 분명하게 들립니다.

기본이 아닌 위젯의 경우 기술적 방법이 있다면 사용 통계를 분석해볼 수 있습니다. 가장 기본이 아닌 위젯 중 가장 많이 사용되는 것은 무엇입니까? 요청으로 다른 사람들과 강하게 돋보이는 사람들이 있습니까? 그런 다음 필요한 모든 스프라이트가있는 이미지 하나를 만들고 나머지 이미지는 별도로 유지하십시오.

또한 비용 편익 비율이 실제로 좋은지 고려하십시오. CSS 스프라이트를 작성하고 사용하면 그래픽 업데이트가 이전보다 어려워 지므로 장기간 유지 관리 비용이 증가 할 수 있습니다. 이제 요청 수를 줄이는 것이 매우 중요한 최적화 기술이지만 다른 요소도 있습니다. 어쩌면 스프라이트를 사용하지 않아도 저장 한 시간과 비용을 사이트의 유용성을 향상 시키거나 서버용 RAM을 새로 구입하는 것과 같이 다른 곳에서 더 잘 사용할 수 있습니다.