일반적으로 기본 페이지의 자바 스크립트는 다른 페이지보다 무겁습니다. 예를 들어 다른 페이지에서는 사용되지 않는 jQuery 슬라이드 쇼를 기본 페이지에 넣습니다. 실행중인 javacript 파일 만 포함하도록 기본 및 개별 페이지에 대해 다른 작성이 필요합니까?각 HTML 페이지마다 별도의 javascript 파일을 사용 하시겠습니까?
는또는 첫 페이지에 읽어들이는 모든 자바 스크립트 파일 및 indivitual 페이지를로드에있는 웹 사이트를 탐색하기위한 캐시됩니다, 브라우저 슬라이드 쇼의 자바 스크립트를 읽을 것인가?
이 질문의 또 다른 형태는 다음과 같습니다. 각 개별 페이지에 슬라이드 쇼를 넣으면 브라우저에서 매번 슬라이드 쇼 자바 스크립트 파일을로드합니까, 아니면 캐시 (방문자의 컴퓨터에 저장되어 있음)에서 읽습니까? 당신이 하위 페이지에 대해 서로 다른 버전을 만들해서는 안
개발 도구를 사용하지 않는 대부분의 브라우저) (내용을 캐시 것이라고 말했습니다.
당신은 단지 한 페이지에 내가 별도의 파일에 넣어 추천 할 것입니다 자바 스크립트 슬라이드 쇼를 사용하는 경우. 단점이 있습니다. 대부분의 경우 HTTP 요청은 파일을로드하는 데 가장 오래 걸립니다.
그래서 당신은 예를 들어 1메가바이트의 한 자바 스크립트 파일이 있고 모든 대부분의 페이지에 자바 스크립트 250킬로바이트 각 4 개 개의 작은 파일을 사용하여 다음의 더 나은 필요합니다. 브라우저가 4 개의 별도 요청을해야하기 때문입니다.
Ofcourse는 성능상의 이익이 몇 밀리 초의 차이 일 수 있으므로 유지 관리 가능성을 높이기 위해 별도의 파일로 처리하려고 할 수도 있습니다.
Allmost 모든 브라우저가 자바 스크립트 파일을 캐시합니다.
하지만 당신은 매우 큰 JS 파일이있는 경우에만에 물론 합리적인 당신이 실제로 필요로하는 사람들을 포함한다.
모든 파일은 파일의 경로를 기반으로 브라우저에 캐시됩니다.
는 한 페이지에서 자바 스크립트를 포함하는 경우, 파일이 캐시됩니다 및 다른 페이지를 서핑 할 때 다시 다운로드되지 않습니다. 당신이 그것을 원하지 않는
, 플로리안 시간 등)
예, js 파일이 캐시됩니다 (그렇지 않은 경우).
그러나 js 파일은 처리되어야하며 사용자가 필요하지 않은 초기화 논리를 포함해야합니다. 또한 외부 js를로드하는 모든 스크립트 태그는 다른 "http 스레드"를 차단하여 js 파일이로드 될 때까지 이미지, CSS 파일 ...로드를 중지합니다. 그렇지 않으면 여러 병렬 (동시에) 리소스로드가 발생합니다.
페이지마다 다른 스크립트가 있습니다.
귀하의 경우 문제 일 수 있고 그렇지 않을 수도 있습니다. 케이스에 대한 테스트를 거의하지 말고 성능 문제가 있는지 확인해야합니다. 다른 페이지에 대해 다른 스크립트를 사용하지 않는 편이 좋을 수도 있습니다.
설명해 주셔서 감사합니다. 나는 jQuery에 대해 100kb를 말하고 있으며 다른 jQuery 플러그인에 대해서는 아마도 최대 100kb이다. 분명히 jQuery가 모든 페이지에 있어야합니다. 나는 모든 플러그인에 대해 하나의 커스텀 js 파일을 만들 생각이었다. 분할은 4 개의 25kb를 위해 일 것이다. 나눌 가치가 있니? – Googlebot
개발 중에 스크립트를 프로덕션 환경에 사용할 준비가되었을 때 하나의 js 파일이 가장 좋습니다. – jeffreydev