이 지연은 어떻게 가능합니까? 당신이 분이있는 경우

Question

는 this Pingdom test 봐주세요 수,

를 너무 오래했기 때문에 내 웹 사이트의 로딩 시간을 최적화하기 위해 노력하고있어, 그것은 여전히 ​​jQuery를 UI CSS의 이미지하지만 특히입니까?

파일 번호 60과 75 사이에는 jQuery CSS 파일의 이미지가 거의 없습니다 (경로 이름이 변경됨). 연결에 최대 3 초가 걸리며 빠른 속도로로드되는 것 같습니다. 그러나 초를 연결할 수 있습니까?

은이 관련된 CSS의 조각 :/CSS/ui.css

및 이미지 경로는 다음과 같습니다 :

.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); } 
.ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); } 
.ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); } 
.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); } 
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); } 
.ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); } 

그리고이 CSS 파일의 경로는/CSS/images/*.png

이것이 길에 관한 것이 아니라면, 나는 여기서 완전히 잃어버린 어떤 단서입니까?

Answer 1

다른 것은 브라우저가 캐싱을 사용한다는 것입니다. 그래서 JQuery UI 이미지가 끔찍하게 느린 것처럼 보이는 테스트를 실행할 때. 그러나 적절한 브라우저 캐싱 설정으로 사용자에게 "벌칙"이 한 번만 발생합니다. 따라서 실제로는 완전히 공정한 테스트는 아닙니다.

40KB 배경 이미지와 완벽하게 최적화되지 않은 CSS에 대해 더 걱정할 것입니다. 귀하의 CSS 문서에서 this website을 시도해보십시오 (기본 사이트 CSS에서 오버 헤드가 13 % 감소했습니다). 또한 CSS 문서를 결합하면 HTTP 오버 헤드가 줄어들 수 있습니다. 다시 말하지만, 브라우저 캐싱의 개념 덕분에 이것이 제대로 설정된 브라우저의 경우에만 한 번 개선 될 것입니다.

많은 사이트와 비교하면이 사이트는 매우 빠르게로드됩니다. 귀하의 사이트가 매일 20 백만 이상으로 출장 중이 아니면 대역폭을 위해 kb로 지불하는 경우가 아니라 설치가 적절합니다.

Answer 2

오래 지연되는 것을보고 싶지 않습니다. 로드하는 데 1 초도 채 걸리지 않는 것 같습니다. 에 대해 생각하는