Довідка та документація
Швидкість Низький вплив Середнє 30–60 хв
Inline-скрипти
Багато <script> прямо в HTML блокує й не кешується.
Що це
Inline-скрипти, це код прямо в <script>…</script> у HTML (не зовнішній файл). Вони блокують рендеринг у місці появи й не піддаються кешуванню чи відкладанню через defer/async.
Чому це важливо
Великі inline-скрипти роздувають HTML і блокують рендеринг. До того ж вони ускладнюють політику безпеки (CSP).
Як це зробити
- 1Перенесіть код у зовнішні .js-файли та завантажуйте їх із defer.
- 2Малі необхідні ініціалізації залишайте, але тримайте їх мінімальними.
- 3Розгляньте CSP, inline-скрипти її ускладнюють.
Висновок
Зовнішні файли з defer зазвичай перемагають inline-скрипти (кешованість + не блокують). Великі inline-блоки перенесіть назовні; дрібні ініціалізації, нормально. Пов'язано із загальною стратегією відкладання JS.
Повʼязані теми