2014-03-24 4 views
0

다른 장소의 많은 자바 스크립트 섹션이 페이지 로딩 시간에 영향을 줍니까?많은 부분 자바 스크립트 섹션

<html><script></script><body><script></script></body><script></script></html> 

같은 또한 referces를 사용하거나 HTML에 작은 스크립트 부품을 쓰는 동안 어떤 영향을 미치는가? 마지막으로, 페이지로드시 많은 코드를 작성하는 것이 좋지 않습니까?로드시 모든 스크립트를 컴파일하는 동안 페이지로드 시간에 영향을 미칩니다.

+2

내가 추가하는 모든 문자가로드 시간에 영향을 미칠 것이라고 생각하지만 주목할 일이 아닙니다. –

답변

1

분명히 많은 외부 JavaScript 파일을로드하면 최종로드 시간이 늘어납니다.

모든 <script> 태그는 문서 끝의 </body> 바로 앞에 올 수 있으므로 스크립트 전에 웹 사이트가로드됩니다. 가능한 경우 JS 파일을 축소하고 결합하여 HTTP 요청 수를 줄일 수 있습니다.

모든 CSS가로드되고 DOM이 구문 분석되는 즉시 페이지 렌더링이 시작되므로로드가 빨라지는 것처럼 보일 것입니다.

페이지 속도가 염려되는 경우 Best Practices for Speeding Up Your Web Site과 같은 몇 가지 권장 사항을 따르십시오.

HTML로 JavaScript 스 니펫을 인라인하는 것이 좋습니다. HTML을 깨끗하게 유지하고 DOM을 변경하여 요소를 추가하거나 제거하려는 경우 적절한 선택기로 JavaScript를 사용하십시오.

0

최상의 방법은 페이지 하단 (바닥 글)에 자바 스크립트를로드하거나 실행해야합니다. 이렇게하면 페이지의 모든 자산 (html, css, images)이 먼저로드됩니다. 그런 다음 자바 스크립트 코드를로드하고 실행하십시오. 속도와 관련하여 가장 좋은 방법은 모든 js 코드를 하나의 .js 파일 (가능한 경우)에 넣고 최소화하는 것입니다. 이렇게하면로드 시간과 HTTP 요청을 줄여 사이트 속도를 높일 수 있습니다.

관련 문제