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

Перейти до вмісту
SEO Tools
Довідка та документація
Швидкість Середній вплив Середнє 1–2 год

Менше й менший JavaScript

Великий JS затримує й навантажує процесор пристрою.

Що це

JavaScript треба завантажити, розпарсити та виконати — усе це коштує часу й продуктивності, особливо на слабших мобільних. Великі JS-пакети погіршують інтерактивність (INP).

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

JS — «найдорожчий» тип ресурсу — на відміну від зображення, пристрій має його ще й обробити. Зайві бібліотеки та невикористовуваний код зайво навантажують.

Як це зробити

  1. 1Видаліть невикористовувані бібліотеки та код (tree-shaking).
  2. 2Розбийте JS за сторінками (code splitting), завантажуйте лише те, що потрібно.
  3. 3Відкладіть некритичні скрипти (defer/async).
  4. 4Розгляньте легші альтернативи великим бібліотекам.

Висновок

JavaScript тримайте на мінімумі — за кожен кілобайт «платиться» двічі (передача + обробка). Code splitting та видалення мертвого коду найбільше допоможуть інтерактивності (INP). Це часто найбільший резерв у сучасних сайтів.

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