사이트 성능면에서 어느 방법이 더 나은지 결정하는 데 어려움이 있습니다.자바로드 중 : HTTP 요청 -v- 비동기로드
하나의 파일에 필요한 모든 jQuery 플러그인을 사이트의 모든 페이지에 포함 시키거나 플러그인을 개별 파일로 분할하고 필요할 때마다 jQuery.getScript() 메소드를 사용하여로드하십시오.
하나의 HTTP 요청을 통해 스크립트를 비동기 적으로로드 할 때 실질적인 이점이 있습니까?
내 모든 자바 스크립트는 축소되고 gzip으로 압축됩니다.
감사합니다.
사이트가 너무 복잡하고 사이트 전체에서 javascript 배포본에 따라 다릅니다. 이 질문을보십시오 : Which is better for JavaScript load-time: Compress all in one big file or load all asynchronously?
하나의 요청으로 성능이 향상됩니다. 기간. 단점은 파일 중 하나가 변경 될 때마다 모든 것이 바뀌고 다시 다운로드해야한다는 것입니다. 플러그인은별로 변하지 않을 것이므로 가능한 한 모든 것을 1 파일에 넣을 것입니다.
해당 파일에도 jQuery core를 삽입하십시오. 그리고 당신의 커스텀 자바 스크립트도. 올바른 순서인지 확인하십시오.
반드시 그렇지는 않습니다. 장기간 캐싱을 사용하면 (HTTP 요청이 전송되지 않음) 성능 저하가없고 성능 향상이 가능합니다 (필요한 스크립트 만 처리하고 페이지가 렌더링되면 스크립트를 다운로드 할 때 페이지로드가 더 빠름). –
Firefox에 YSlow 플러그인을 사용해보고 다른 설정을 시도해보십시오.
그렇다면 js를 하나의 파일로 축소하는 것이 쉬운 방법 일 것입니다. 하나의 파일을 얻게되며, 종종 파트의 합보다 훨씬 작습니다. 최고의 솔루션 지금까지 내가보기에는 poit에서
당신은 또한 LabJS에 관심이있을 수 있습니다 전체 포스트 http://www.stevesouders.com/blog/2010/12/15/controljs-part-1/
읽기입니다 - http://labjs.com 알 수 –
유일한 방법 특정 케이스에 대해 ** 둘 다 시도하고 ** 측정 결과를 측정하는 것입니다. – Day
저는 데스크탑 브라우저에서 작동하는 js 파일 하나 (CDN을 통해로드 된 프레임 워크 포함)를로드 할 때의 이점을 얻었습니다. 하지만 내 관심사는 갈수록 사이트가 매우 작은 캐시 (iPhone이 25k)를 갖는 모바일 장치를 통해 액세스된다는 점입니다. 즉, 항상 하나의 js 파일을로드해야한다는 것을 의미합니다. 오프라인 저장 장치 매니페스트를 만들 수 있습니까? – mindwire22