Wiki · Технологии разработки

JavaScript

5 мин чтенияАвтор: Дмитрий КолесниковСоавторы: Евгений Баев

JavaScript – это язык программирования, на котором работают интерактивные части сайта: меню, формы, фильтры каталога, корзина, онлайн-чат, счётчики аналитики. Его выполняет любой браузер, поэтому JavaScript есть почти на каждом сайте, от лендинга до маркетплейса.

Разработчик говорит: «фильтр сломался из-за ошибки в JS», «каталог сделаем на JavaScript-фреймворке», «уберём лишние скрипты, и сайт ускорится». За всеми тремя фразами стоит один язык. Разберёмся, что он делает, где выполняется и на что владельцу сайта смотреть в первую очередь.

Кто придумал и кто развивает

Язык придумал Брендан Эйх в компании Netscape, впервые он появился в браузере Navigator 2.0. Потом его стандартизировали: официальное название стандарта ECMAScript, документ ECMA-262 ведёт организация Ecma International, первая редакция вышла в июне 1997 года. Новая редакция выходит раз в год, на октябрь 2026 года действует ECMAScript 2026, 17-я редакция, утверждённая в июне.

Одной компании язык не принадлежит: изменения в стандарт вносит комитет TC39, а браузеры сами их реализуют: у Chrome движок V8, у Firefox SpiderMonkey, у Safari JavaScriptCore. Поэтому код, написанный по стандарту, работает везде одинаково, а новые возможности появляются во всех браузерах примерно в одно время.

Что JavaScript делает на сайте

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

Вот как выглядит простой скрипт, который показывает форму заказа по кнопке:

document.querySelector('.order-btn').addEventListener('click', () => {
  document.querySelector('.order-form').hidden = false;
});

Три строки: найти кнопку, дождаться клика, показать форму. Скрипт работает с деревом DOM, моделью страницы в памяти браузера, и может менять в нём что угодно: текст, цены, классы, целые блоки.

Схема: где выполняется JavaScript на сайте, в браузере посетителя, на сервере с Node.js и в инструментах разработки — Где работает JavaScript

Из таких скриптов складываются слайдеры, всплывающие окна, подгрузка товаров без перезагрузки, проверка телефона в форме. На JavaScript же работают Яндекс Метрика, пиксели рекламных систем и виджеты чатов: вы вставляете их код, и он выполняется у каждого посетителя.

Большие интерфейсы пишут не с нуля, а на библиотеках и фреймворках, например React. Код на них всё равно превращается в JavaScript, который выполняет браузер. С платформой Node.js тот же язык работает на сервере: принимает заявки, отдаёт данные приложению, собирает страницы.

JavaScript и соседние технологии

Технология	За что отвечает	Где выполняется
HTML	структура и текст страницы	браузер
CSS	оформление и адаптивность	браузер
JavaScript	поведение и обмен данными	браузер, сервер с Node.js
TypeScript	JavaScript с проверкой типов	превращается в JavaScript
PHP	серверная часть сайтов и CMS	сервер

Скорость, индексация, безопасность и найм разработчиков

Скорость. Каждый скрипт браузер скачивает, разбирает и выполняет. Пока он занят тяжёлым кодом, страница не отвечает на нажатия, и это видно по метрике INP из Core Web Vitals. Чаще всего сайт тормозят не собственные скрипты, а набор сторонних: чат, квиз, три счётчика, виджет отзывов.

Индексация. Если текст и ссылки появляются на странице только после работы скрипта, поисковик увидит их позже и не всегда полностью. Подробно разбираем это в статье JavaScript SEO: CSR и SSR.

Безопасность и поддержка. Сторонний скрипт выполняется с теми же правами, что и ваш код: он видит форму, куда клиент вводит телефон. Старые библиотеки со временем перестают обновлять, и в них находят уязвимости. Поэтому список внешних скриптов и их версии стоит держать под контролем.

Найм. Фронтенд-разработчиков без JavaScript не бывает, так что исполнителя для доработки найти проще, чем для редкого языка. Уточняйте только, с каким фреймворком человек работал, и не путайте JavaScript с Java: это разные языки для разных задач.

Чек-лист проверки JavaScript на сайте: отключение скриптов, вкладки Network и Console, сторонние домены и PageSpeed Insights — Как проверить скрипты на сайте

Как проверить скрипты на своём сайте

Отключите JavaScript в настройках браузера и откройте сайт. Что осталось на месте, работает без скриптов. Пропал каталог или меню, значит, они целиком держатся на JavaScript.
В инструментах разработчика откройте вкладку Network и отфильтруйте JS. Видно, сколько скриптов грузится, сколько они весят и с каких доменов.
На вкладке Console посмотрите красные ошибки. Одна ошибка может сломать всё, что выполняется после неё, например отправку формы.
Прогоните страницу через PageSpeed Insights и найдите в диагностике пункты про время выполнения JavaScript и неиспользуемый код.

Виджеты, ссылки на javascript:void(0) и старые библиотеки

Ставить на сайт каждый виджет, который предложил маркетолог, и не убирать старые. Скрипты копятся годами.
Делать ссылки меню через javascript:void(0) или onclick без адреса. Поисковый робот по таким ссылкам не переходит.
Годами не обновлять библиотеки, потому что «и так работает».

Включение, подключение и ошибки JavaScript

Как включить JavaScript, если сайт пишет, что он отключён?

Обычно ничего включать не нужно: во всех браузерах JavaScript работает по умолчанию. Если сайт всё же жалуется, проверьте настройки этого сайта и раздел конфиденциальности в настройках браузера, а затем расширения, которые блокируют скрипты. На iPhone переключатель для Safari находится в общих настройках телефона, а не в самом браузере.

Что покажет сайт, если отключить JavaScript?

Останется то, что работает без скриптов: текст, картинки, обычные ссылки. Если пропали каталог, меню или форма, без JavaScript они не работают, и стоит отдельно проверить, как их видит поисковик. После проверки скрипты в браузере включают обратно.

Чем JavaScript отличается от Java?

Общее у них в основном название. JavaScript выполняется в браузере и на серверах с Node.js, Java чаще встречается в корпоративных системах и Android-приложениях. Поэтому, когда ищете разработчика для сайта, указывайте в вакансии именно JavaScript и фреймворк, с которым нужно работать.

Откуда скачать JavaScript для компьютера?

Ниоткуда: JavaScript уже встроен в каждый браузер на компьютере и телефоне. Отдельно ставят только Node.js, если код нужно запускать вне браузера, например на сервере.

Как подключить JavaScript к странице сайта?

Через тег script: код пишут прямо внутри него или выносят в отдельный файл и указывают адрес файла в атрибуте src. Так же ставят счётчик Метрики и пиксели рекламных систем, вставляя выданный ими код на все страницы. Атрибуты defer и async позволяют загрузить скрипт, не задерживая отрисовку страницы.

Python или JavaScript: что выбрать для сайта?

В браузере выбора нет: интерфейс там работает на JavaScript или на TypeScript, который превращается в JavaScript. Сравнивать с Python имеет смысл только серверную часть, где кроме Python есть PHP и тот же JavaScript на Node.js, и тут решают задача и команда.

Что значит javascript:void(0) в ссылке?

Такая ссылка никуда не ведёт, а клик по ней обрабатывает скрипт. Для кнопок интерфейса это допустимо, для меню и навигации нет: Google в документации называет такие ссылки непригодными для сканирования.

Где искать ошибку JavaScript, из-за которой не отправляется форма?

В инструментах разработчика, на вкладке Console: ошибки там выделены красным. Одна такая ошибка способна остановить код, который идёт после неё, и форма перестаёт отправлять заявки. Сделайте снимок экрана с текстом ошибки и передайте разработчику, так причину найдут быстрее.

Какие скрипты сильнее всего замедляют сайт?

Чаще всего сторонние: онлайн-чат, квиз, несколько счётчиков, виджет отзывов. Пока браузер занят их кодом, клики срабатывают с задержкой, а показатель INP растёт. Сколько внешних скриптов грузится и сколько они весят, покажет вкладка Network, а подсказки по лишнему коду даёт PageSpeed Insights.

Пишем и правим клиентский код при разработке сайтов, разбираемся с ошибками скриптов и лишними виджетами при доработке сайта и технической поддержке. Если проект уже работает на JavaScript-фреймворке, берём его на доработку и поддержку.

Документация и справки