各<script>タグは最初にページレンダリングをブロックするためにダウンロードされるため、ページに含まれる<script>タグの数を減らすことで、この状況を改善するのに役立ちます。これは、外部リンクスクリプトだけでなく、組み込みスクリプトの数も制限されています。ブラウザがHTMLページを解析する際にA <script>タグに遭遇すると、スクリプトの実行により特定の遅延が発生します。
通常、大規模なWebサイトまたはWebアプリケーションは、いくつかのJavaScriptファイルに依存する必要があります。複数のファイルを1つにマージできるため、<script>タグを参照するだけでパフォーマンスの消費を削減できます。ファイルのマージは、オフラインパッケージツールまたはYahoo!コンボハンドルなどのリアルタイムオンラインサービスを通じて達成できます。
コードコピーは次のとおりです。
<! - 最適化前: - >
<html>
<head>
<title>スクリプトの例</title>
</head>
<body>
<p> hello world!</p>
<script type = "http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoomin.js"> </script>
<script type = "http://yui.yahooapis.com/combo?2.7.0/build/event/event-min.js"> </script>
</body>
</html>
<! - 最適化後: - >
<html>
<head>
<title>スクリプトの例</title>
</head>
<body>
<p> hello world!</p>
<スクリプトsrc = "http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoomin.js&2.7.0/build/event/event-min.js" type = "text/javascript" >/script>
</body>
</html>