2014-04-06 5 views
0

입니다. JavaScript를로드하는 가장 좋은 방법은 알고 있으며 CSS는 CSS 파일을 함께 결합하고 javascript도 압축하는 것입니다. 따라서 자바 스크립트 파일이 필요하다면 서버에 1-2 번만 호출하면됩니다. 하지만 3 요청을 만드는 것처럼 보입니다. html 문서 1은 css이고 1은 js가 웹 사이트를로드하는 데 가장 좋은 방법은 아닙니다. 또한 js를 비동기 적으로로드 할 수 있으므로 독립적 인 js 파일을 한 번에로드 할 수 있습니다. 너무 많은 js 파일을로드하지 않도록하십시오.js 및 css 스크립트를로드 할 파일 크기는

그래서,로드하는 파일의 최적 량은 무엇입니까? 페이지 로딩이 가장 효과적 이도록 js 및 css 파일의 수는 어떻게되어야합니까? 그것을 계산하는 규칙이 있습니까? 인터넷 속도에 대한 의존성이 있습니까? 그래서 인터넷이 느리다면 서버에 대한 연결을 많이 열고 싶지는 않지만 서버를 더 잘 사용하고 싶습니까?

Kyle Simpson : https://stackoverflow.com/questions/12779565/comparing-popular-script-loaders-yepnope-requirejs-labjs-and-headjs/12786867#comment18314973_12786867 의 답변에 js 파일 크기가 100kb가 넘는 경우에만 분할해야한다고 나와 있습니다. 나는 정말로 유용한 것을 찾으려고 노력했지만, 모든 설명은 아주 희미합니다. 미리 감사드립니다.

답변

0

사실, 대부분의 경우 html 파일에 대한 호출은 하나뿐입니다. 기본적으로 브라우저 (브라우저 설정 및/또는 웹 페이지 헤더에서 다르게 결정되지 않은 경우)는 처음으로 js 및 css 파일의 로컬 복사본을 사용합니다.

대부분의 브라우저는 웹 페이지 당 최대 20 개의 js/css 파일을 저장할 수 있으므로 큰 문제는 아닙니다.

+0

yahoo에는 클라이언트에게 파일을 보내는 방법에 대한 많은 권장 사항이 있으므로 꽤 큰 걱정거리라고 생각합니다. 그리고 문제는 가장 효율적인 방법이 무엇인지에 대한 것입니다. 시도하지 말아야합니다. –

+0

개발과 관련하여 파일 (html, css, js)을 분리하는 것이 가장 좋습니다. 그렇지 않으면 유지 관리가 쉽지 않습니다. 모든 js 파일을 하나의 큰 파일로 결합하여 여러 요청을 피할 수 있지만 브라우저가 해당 js 파일을 업데이트 할 때 다시로드해야하며 여기저기서 하나의 작은 파일을 다시로드하는 것보다 약간 덜 효율적일 수 있습니다 – Gil

+0

Gil , 질문을주의 깊게 읽으십시오. 나는 옵션에 대해 안다. 파일을 제공하는 가장 효율적인 방법을 확인하는 방법을 알아야합니다. 하나의 큰 js를 만드는 것은 분명히 최선의 방법은 아닙니다. –