Помилка підключення. Спробуйте ще раз.

Перейти до вмісту
SEO Tools
Довідка та документація
Швидкість Низький вплив Середнє 30–60 хв

Inline-скрипти

Багато <script> прямо в HTML блокує й не кешується.

Що це

Inline-скрипти — це код прямо в <script>…</script> у HTML (не зовнішній файл). Вони блокують рендеринг у місці появи й не піддаються кешуванню чи відкладанню через defer/async.

Чому це важливо

Великі inline-скрипти роздувають HTML і блокують рендеринг. До того ж вони ускладнюють політику безпеки (CSP).

Як це зробити

  1. 1Перенесіть код у зовнішні .js-файли та завантажуйте їх із defer.
  2. 2Малі необхідні ініціалізації залишайте, але тримайте їх мінімальними.
  3. 3Розгляньте CSP — inline-скрипти її ускладнюють.

Висновок

Зовнішні файли з defer зазвичай перемагають inline-скрипти (кешованість + не блокують). Великі inline-блоки перенесіть назовні; дрібні ініціалізації — нормально. Пов'язано із загальною стратегією відкладання JS.

Повʼязані теми