2009-04-15 2 views
3

는 사람이 처음에 나는 문서의 HEAD에 모든 것을 삽입했다하지만 난 더 많은 코드 페이지에 걸쳐 사용을보고하고, jQuery 코드를 저장하기위한 최고의 아이디어,외부 파일 및 디렉토리 구조에 jquery 코드를 저장 하시겠습니까?

포함 파일을 사용하는 가장 좋은 방법인가를 확인할 수 있습니다 .. 확장자가 .JS?

이와 관련하여 다른 점이 있습니까?

이러한 경우 제의 .js이 파일을 저장할 수있는 가장 좋은 장소 .. 루트의

될 것이라고 내가 뭘해야

/CSS를 /스크립트

등 .../스크립트는 내 jquery 파일이있는 곳이지만 내 .js 파일에도 동일한 스크립트를 사용해야합니까?

누구나 디렉토리 구조에 대한 권장 사항이 있습니까?

답변

4

.js 파일에서 가능한 한 많은 코드를 저장해야합니다. 브라우저에서 한 번만 다운로드하여 모든 요청에서 다시 사용할 수 있기 때문입니다.

코드를 HEAD 섹션에 일반 텍스트로 직접 포함하는 경우 각 요청에 해당 코드를 다운로드해야하므로 페이지 전송 속도가 느려집니다.

파일을 저장하는 디렉토리는 실제로 ... 최대 /css/js을 사용하지만 /scripts은 많은 캐시에서 사용됩니다.

1

페이지에 자바 스크립트를 삽입하는 곳은하려는 작업에 따라 다릅니다. 속도를 위해 페이지 끝에 JavaScript를 연결하기 위해 arguments이 있습니다. 그러면 브라우저는 JavaScript를 구문 분석/실행하기 전에 페이지를로드 할 수 있습니다. 물론, 페이지를로드하기 전에 JavaScript를 실행해야하는 경우 문서의 머리 부분에 넣어야합니다. 그것은 당신과 당신의 요구에 달려 있습니다.

.js는 JavaScript 파일의 표준 확장 프로그램이므로 계속 사용하는 것이 좋습니다. 자바 스크립트 파일을 페이지에 넣는 대신 링크하는 것이 좋습니다. 그러면 사용자의 브라우저에서 자바 스크립트 파일을 캐시 할 수 있습니다.

스크립트를 저장하는 곳은 당신에게 달려 있지만, 모든 jQuery 파일을/scripts 디렉토리에 저장하는 것이 좋습니다.

1

너무 복잡 할 필요는 없습니다. 예, JS 확장으로 저장하는 것이 좋습니다. 그러나 자바 스크립트를 타사 라이브러리와 분리하여 보관하는 것이 좋습니다.

. 
./js/jquery/jquery.js 
./js/yourfiles.js 

을 또는 회사 이름 아래에 파일을 넣어 :

./js/companyname/yourfiles.js 

을 그리고 다른 사람들이 말했듯이 :의 끝에서 당신의 JS를 넣어

는 필요에 대한 모든 것입니다 가능하다면 파일.

0

Seb가 정확하지만, 한 가지를 추가하려면 JS 및 CSS 파일을 각각 하나로 압축하십시오.

파일이 캐시되었는지 여부에 관계없이 각 개별 파일이 업데이트되었는지 확인하기 위해 서버에 대한 왕복 요청이 여전히 있습니다. 이로 인해 JS 및 CSS 파일이 많을 때 사용자 경험이 느려질 수 있습니다.

관련 문제