Уроки

Долгий JavaScript

Весь JavaScript код браузера выполняется в одном потоке выполнения. Это значит, что все скрипты, даже асинхронные выполняются строго последовательно. То есть, в браузере у JavaScript отсутствуют параллельные вычисления.

Если вы подключаете скрипт онлайн консультанта, карт, капчи, счётчиков аналитики на странице, то они будут исполнены сразу. Это отложит показ действительно важного контента.

Норма выполнения отдельно загружаемого JavaScript файла 0.05 секунды. А для всех inline скриптов в HTML коде страницы - 0.15 секунд.

Чтобы исправить это загружайте скрипты сторонних сервисов следующим образом: - Счётчики, онлайн консультанты, карты (за исключением расположенной на первом экране), системы сторонней авторизации (VK ID, Yandex ID и т.д.) нужно загружать именно на этом этапе, чтобы они вообще никак не замедляли загрузку страницы. Сделать это лучше с помощью конструкции window.addEventListener("load", (event) => { setTimeout(function() { // Тут вызов кода загрузки }, 50); }); или jQuery версия $(window).on("load", function(event) { setTimeout(function() { // Тут вызов кода загрузки }, 50); }) - Капчи нужно загружать в момент начала заполнения формы. То есть, по событию focus поля формы. - Всякие системы аналитики, кроме основной, также стоит загружать через это события. Например, если вы используете Yandex метрику и Google аналитику, то Yandex метрику можете загрузить сразу, а Google аналитику через конструкцию, показанную в первом пункте.

Проверьте ваш сайт
Это бесплатно и займёт от 7 до 45 секунд

Мы используем cookie. Продолжая пользоваться сайтом, вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности. Ладушки