Cada etiqueta <script> se descarga inicialmente para bloquear la representación de la página, por lo que reducir el número de etiquetas <script> incluidas en la página ayuda a mejorar esta situación. Esto no es solo para scripts de enlaces externos, sino que también limita el número de scripts integrados. Cada vez que un navegador se encuentra con una etiqueta <script> durante el análisis de una página HTML, causará un cierto retraso debido a la ejecución del script.
Por lo general, un sitio web o una aplicación web grande debe confiar en varios archivos JavaScript. Puede fusionar varios archivos en uno, para que pueda reducir el consumo de rendimiento simplemente refiriéndose a una etiqueta <script>. La fusión de archivos se puede lograr a través de herramientas de embalaje fuera de línea o servicios en línea en tiempo real como el mango combinado de Yahoo!
La copia del código es la siguiente:
<!-antes de la optimización:->
<html>
<Evista>
<title> Ejemplo de script </title>
</ablo>
<Body>
<p> ¡Hola mundo! </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>
<!-después de la optimización:->
<html>
<Evista>
<title> Ejemplo de script </title>
</ablo>
<Body>
<p> ¡Hola mundo! </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>