현재 일종의 웹 앱을 만들고 있는데, 그 중 일부는 동적으로 페이지에 js 스크립트를로드하고 추가하여 작동합니다. 이를 위해 나는 그것을로드하는 JQuery의 $.getScript()
메서드를 사용하고 있습니다.
캐시 된 것으로 설정했습니다.
내 프로그램을 사용하면 스크립트가 이미 존재하면 어쨌든 캐시로 보이는 것으로부터 다시로드됩니다. 내가 궁금해하는 것은 이것이 사이트와 성능에 얼마나 영향을 미칠 것인가입니다. 기존 스크립트와 동일한 src를 가진 새로로드 된 스크립트가 이전 스크립트를 덮어 쓰거나 이전 스크립트와 함께 추가 된 새 스크립트입니까?
내 사이트가 AJAX 사이트이기 때문에 다른 페이지의 여러 스크립트가 시간이 지남에 따라로드 될 수 있습니다. 로드 할 수있는 스크립트의 수에 대한 브라우저 제한이 있습니까?
조심하지 않으면 사전 최적화가 낭비 될 수 있습니다. 이 전반적인 것을 보는 방법에 대한 몇 가지 제안에 대해 야후의 [웹 사이트 속도 향상 모범 사례] (http://developer.yahoo.com/performance/rules.html)를 읽으십시오. 그러나 항상 모든 사이트가 다른 점을 기억하십시오 따라서 일부 기술은 항상 유용하거나 유용 할 수있는 것은 아니며 역효과를 낳을 수도 있습니다. –
그리고 캐시 된 경우 캐시 된 복사본이 만료되지 않는 한 브라우저에서 다른 복사본을 요청하지 않거나 그렇지 않으면 강제로 전체 요청을 수행합니다. 또한, Javascript 파일 자체에 대한 제한이 없습니다 (알고있는 한). 그러나 수백 또는 수천 개의'script'를 추가하면 다른 문제가 발생할 수 있습니다. 동일한 스크립트를로드하기 위해 몇 가지 불필요한 호출을 할 수 있다는 것이 염려되는 경우 다른 방법 (예 : 요청하기 전에 파일이 이미 포함되어 있는지 확인)으로 해결해야합니다. –
내 콘솔로 가면 같은 파일이 나열되지만 캐시 된 것입니다. 또한 실제로 호출 할 필요가있는 document.ready 비트가 있기 때문에 매번 불을 정렬해야합니다. –