나는 yslow를 사용하여 성능을 향상시킬 필요가있는 웹 사이트 최적화 작업을하고 있으며, http 요청을 줄이기 위해 개선해야 할 사항을 제안했습니다.http 요청을 줄이려면 어떤 것을 먼저 가져야합니까?
yslow에서 제안한 성능 향상을 위해 먼저 해결해야 할 문제는 무엇입니까? 아니면 http 요청을 저장하기 때문에 누구든지 가져갈 수 있습니까?
이 페이지는 20 개의 외부 자바 스크립트를 가지고 있습니다. 그들을 하나로 결합 해보십시오.
이 페이지에는 20 개의 외부 스타일 시트가 있습니다. 그들을 하나로 결합 해보십시오.
이 페이지는 20 개의 외부 배경 이미지가 있습니다. CSS 스프라이트와 결합 해보십시오.
개별적인 요청의 수를 줄이는 것이 중요합니다.
스프라이트 추천에 대한 외부 배경 이미지가 더 많은 데이터가 될 가능성이 높으므로 가장 중요 할 것입니다. JS/CSS 파일을 결합하는 것은 대략 비슷해야합니다. 3 가지 제안 사항을 모두 사용하는 것이 좋습니다.
3 가지 제안 모두 HTTP 요청을 같은 양만큼 줄입니다.
세 가지 제안을 모두 수행하는 것이 좋습니다.
80 % :하는 일이 먼저해야 할대로 the yslow documentation에서 1
에 (강조 광산) (20 개) 요청을 전환 할 것입니다 그들 각각의 모양 때문에, 정말 중요하지 않습니다 최종 사용자 응답 시간은 프런트 엔드에서 소비됩니다. 이 시간의 대부분은 이미지, 스타일 시트, 스크립트, 플래시 등 페이지의 모든 구성 요소를 다운로드 할 때 묶여 있습니다. 구성 요소의 수를 줄이면 페이지를 렌더링하는 데 필요한 HTTP 요청 수가 줄어 듭니다. 이것은 더 빠른 페이지의 열쇠입니다. 동시에 minification을하고 있다면
지금, 당신은 내용의 크기로 자바 스크립트와 CSS 상대의 이익을 만들 수 있습니다. 이런 이유로이 두 가지 중 하나를 시작하고 파일 결합과 함께 축소를 수행하는 것이 좋습니다.
코드가 축소되면 모든 주석이 제거되고 불필요한 공백 문자 (공백, 줄 바꿈 및 탭)가 제거됩니다. 자바 스크립트의 경우 다운로드 된 파일의 크기가 줄어들어 응답 시간 성능이 향상됩니다.
"게으른로드"를 시도한 적이 있습니까?
+
시도 축소하는 CSS와 JavaScrip 파일
축소는 축소이며 하나의 파일로 결합하는 것이 그 질문에 관한 것입니다 (어떤 유형의 결합이 우선 순위를 가져야하는지) - 귀하의 답은 그들이 똑같은 것처럼 보입니다. – Krease
그것은 아직 귀하의 요점을 얻지 못했던 것 같습니다. 귀하의 사이트에 가장 적합한 최적화라고 말하고 싶은 것이 조합, 축소, 데이터 URI 및 gzip 압축입니다. – AbuQauod
내 의견은 구두점 "CSS와 JavaScrip 파일을 하나의 파일로 결합하려고 시도합니다."라고 말합니다. "하나의 파일로 결합"은 "CSS/JS 축소"라는 또 다른 방법입니다. 그것들은 똑같은 것입니다. 조금 더 명확하게 말하면 좋을 것 같습니다. – Krease
가 _ 나는 모든 3를 할 것입니다. (하나 개의 파일로 결합) 그러나 다만 최대 활력을 불어 또는 전부가 동일 할 알고 물었다. –
파일 크기에 따라 다릅니다. 예를 들어 스프라이트를 사용하면 상당히 줄일 수 있습니다. – Cerbrus
좋아요. 그러면 js와 css 파일을 결합하면 이미지에 비해 바이트 수가 줄어 듭니다. –