각 <cript> 태그는 처음에 블록 페이지 렌더링으로 다운로드되므로 페이지에 포함 된 <cript> 태그 수를 줄이면이 상황을 개선하는 데 도움이됩니다. 이것은 외부 링크 스크립트뿐만 아니라 임베디드 스크립트 수를 제한합니다. HTML 페이지를 구문 분석하는 동안 브라우저가 <cript> 태그를 만날 때마다 스크립트 실행으로 인해 특정 지연이 발생하면 지연 시간을 최소화하면 페이지의 전체 성능이 크게 향상됩니다.
일반적으로 큰 웹 사이트 또는 웹 응용 프로그램은 여러 JavaScript 파일에 의존해야합니다. 여러 파일을 하나로 병합하여 <cript> 태그를 참조하여 성능 소비를 줄일 수 있습니다. 파일 병합은 오프라인 포장 도구 또는 Yahoo! 콤보 핸들과 같은 실시간 온라인 서비스를 통해 달성 할 수 있습니다.
코드 사본은 다음과 같습니다.
<!-최적화 전 :->
<html>
<헤드>
<title> 스크립트 예 </title>
</head>
<body>
<p> 안녕하세요 세계! </p>
<script type = "http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js"> </script>
<script type = "http://yui.yahooapis.com/combo?2.7.0/build/event/event-min.js"> </script>
</body>
</html>
<!-최적화 후 :->
<html>
<헤드>
<title> 스크립트 예 </title>
</head>
<body>
<p> 안녕하세요 세계! </p>
<script src = "http://yui.yahooapis.com/combo? >/스크립트>
</body>
</html>