Jedes <Script> -Tag wird ursprünglich heruntergeladen, um das Rendern der Seitenseiten zu blockieren, so Dies gilt nicht nur für externe Linkskripte, sondern begrenzte auch die Anzahl der eingebetteten Skripte. Immer wenn ein Browser während des Parsens einer HTML -Seite auf ein <Script> -Tag trifft, wird aufgrund der Ausführung des Skripts eine bestimmte Verzögerung verursacht.
Normalerweise muss eine große Website oder Webanwendung auf mehrere JavaScript -Dateien beruhen. Sie können mehrere Dateien in eine zusammenführen, damit Sie den Leistungsverbrauch reduzieren können, indem Sie sich einfach auf ein <script> -Tag beziehen. Die Verschmelzung von Datei kann durch Offline-Verpackungstools oder Echtzeit-Online-Dienste wie Yahoo! Combo-Handle erreicht werden.
Die Codekopie lautet wie folgt:
<!-Vor der Optimierung:->
<html>
<kopf>
<title> Skript Beispiel </title>
</head>
<body>
<p> Hallo Welt! </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>
<!-nach Optimierung:->
<html>
<kopf>
<title> Skript Beispiel </title>
</head>
<body>
<p> Hallo Welt! </p>
<script src = "http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js&2.7.0/build/event/event-min.js" type = "text/javaScript" >/script>
</body>
</html>