Скрипт

Страница из одного HTML и CSS статична: она умеет показывать текст и переходить по ссылкам. Всё остальное — слайдеры, маски полей, отправка формы без перезагрузки, корзина, счётчики аналитики, онлайн-чат — делают скрипты. Браузер скачивает их и выполняет встроенным движком JavaScript.

Код можно написать прямо внутри тега script или вынести в отдельный файл и подключить атрибутом src. Внешний файл лучше: браузер кеширует его между страницами, а разметка остаётся чистой. Слово «скрипт» встречается и за пределами браузера: так называют небольшие программы на PHP, Python или bash, которые запускают на сервере по расписанию.

Как загрузка скриптов влияет на скорость

Встретив обычный <script src>, браузер останавливает разбор HTML, пока не скачает и не выполнит файл. Тяжёлый скрипт в шапке задерживает показ всей страницы. Атрибуты меняют это поведение:

• defer — файл качается параллельно, выполняется после разбора HTML, порядок нескольких скриптов сохраняется. Подходит для кода сайта.
• async — выполнение сразу после загрузки, порядок не гарантирован. Подходит для независимых счётчиков.
• type="module" — модуль ведёт себя как отложенный скрипт и умеет import.

<script src="/js/app.js" defer></script>
<script src="https://counter.example.ru/tag.js" async></script>
<script type="module" src="/js/catalog.js"></script>

Подключение в CMS

В 1С-Битрикс скрипты шаблона добавляют через менеджер ресурсов, тогда система может объединить и сжать файлы:

use Bitrix\Main\Page\Asset;
Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/js/app.js');

В WordPress то же делает wp_enqueue_script(); начиная с версии 6.3 ей можно передать стратегию загрузки defer или async. Лишние скрипты — частая причина плохих показателей Core Web Vitals, разбор типичных случаев есть в чек-листе по ускорению сайта на 1С-Битрикс. Сами файлы скриптов относятся к ресурсам интерфейса, и к ним применимы те же приёмы сжатия и кеширования.