Під час чергового аналізу сайту я зіткнувся з проблемою об’ємних JavaScript-файлів. На це можна було б заплющити очі, але потрібно розуміти, що оптимізація дає хороший результат у комплексі, а отже стиснення JavaScript є одним із кроків до успішного розвитку сайту.
Що таке JavaScript?
JavaScript — мова програмування, яку широко використовують для взаємодії користувача з елементами вебсторінки. Вона застосовується практично на всіх сучасних вебресурсах, створюючи інтерактивне середовище. Для розширення функціональності сайту вебмайстри використовують сторонні розширення, у яких, своєю чергою, підключаються різні скрипти. Те саме стосується лічильників і банерів, код яких іноді буває далеко не оптимальним.
Що означає неоптимізований JavaScript? На розмір і читабельність коду впливають зайві пробіли, символи, перенесення рядків тощо.
Навіщо оптимізувати JavaScript?
Оптимізований JavaScript може допомогти прискорити завантаження сайту. На деяких хостингах використовується gzip-стиснення, що дає змогу скоротити обсяг переданих скриптів, хоча на їх стиснення та розпакування теж витрачаються ресурси.
Як легко виконати стиснення JavaScript?
Якщо у вас є відповідні навички або спеціалізація, можна знайти зайві елементи в коді вручну. Інша справа, коли такі експерименти перетворюються на «танці з бубном» і можуть пошкодити роботу сайту.
Якщо ви належите до другої категорії, рішенням можуть стати спеціальні онлайн-сервіси:
Ось як сервіс виглядає на практиці:
Щоб стиснути JavaScript, потрібно скопіювати його вміст і вставити в поле «Paste your code», тобто «Вставте код». Далі натиснути кнопку «Compress». У нижньому вікні за кілька секунд з’явиться оптимізований код. Для порівняння внизу можна побачити ступінь стиснення. Як видно зі скриншота, у моєму випадку виграш становив 0,717 KB.
На відміну від попереднього сервісу, тут є одне основне поле для вставлення коду, тому помилитися складно. Цей сервіс функціональніший, оскільки вміє стискати також CSS-файли й HTML-код. Після вставлення скрипту система самостійно визначає тип коду. Залишається натиснути одну з кнопок оптимізації.
За кілька секунд код буде оптимізовано. Далі залишається вибрати спосіб збереження, натиснувши «Save» або «gzip».
Кнопка «Reset» перезапускає сервіс для нової оптимізації.
У нижній правій частині відображається детальна інформація про результат стиснення JavaScript. У моєму випадку виграш становив 1,08 KB.
Як можна помітити, під час перевірки одного й того самого файлу різні сервіси показали різний результат стиснення.
Важливий момент! Незалежно від того, на якому ресурсі виконується стиснення JavaScript, завжди робіть резервну копію сайту та файлів, які оптимізуєте.
І пам’ятайте: кожен автор, який написав корисну статтю, заслуговує щонайменше на коментар або репост.
Дякую за увагу і до нових зустрічей на сторінках StimylRostа.
