Довідка та документація
Швидкість Середній вплив Середнє 1–2 год
Менше й менший JavaScript
Великий JS затримує й навантажує процесор пристрою.
Що це
JavaScript треба завантажити, розпарсити та виконати, усе це коштує часу й продуктивності, особливо на слабших мобільних. Великі JS-пакети погіршують інтерактивність (INP).
Чому це важливо
JS, «найдорожчий» тип ресурсу, на відміну від зображення, пристрій має його ще й обробити. Зайві бібліотеки та невикористовуваний код зайво навантажують.
Як це зробити
- 1Видаліть невикористовувані бібліотеки та код (tree-shaking).
- 2Розбийте JS за сторінками (code splitting), завантажуйте лише те, що потрібно.
- 3Відкладіть некритичні скрипти (defer/async).
- 4Розгляньте легші альтернативи великим бібліотекам.
Висновок
JavaScript тримайте на мінімумі, за кожен кілобайт «платиться» двічі (передача + обробка). Code splitting та видалення мертвого коду найбільше допоможуть інтерактивності (INP). Це часто найбільший резерв у сучасних сайтів.
Повʼязані теми