Каждый тег <Script> первоначально загружается для блокировки рендеринга страницы, поэтому сокращение количества тегов <croppl>, включенных на страницу, помогает улучшить эту ситуацию. Это не только для сценариев внешней ссылки, но также также ограничивает количество встроенных сценариев. Всякий раз, когда браузер сталкивается с тегом <script> во время анализа HTML -страницы, он вызовет определенную задержку из -за выполнения сценария.
Обычно крупное веб -сайт или веб -приложение должно полагаться на несколько файлов JavaScript. Вы можете объединить несколько файлов в один, чтобы вы могли сократить потребление производительности, просто обратившись к тегу <Script>. Объединение файлов может быть достигнуто с помощью автономных инструментов упаковки или онлайн-сервисов в реальном времени, таких как Yahoo! Combo Handle.
Кода -копия выглядит следующим образом:
<!-Перед оптимизацией:->
<html>
<голова>
<title> Пример скрипта </title>
</head>
<тело>
<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>
<тело>
<p> Привет, мир! </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" >/сценарий>
</body>
</html>