Завантаження JS-файлів є критично важливим для візуалізації сторінки. Однак у багатьох випадках це спричиняє проблеми зі швидкістю та призводить до низьких сховищ Google PageSpeed Insights. Ось чому вам потрібно переконатися, що ви відкладаєте JavaScript у Magento та правильно його оптимізуєте.
Хоча ви можете витратити багато часу на оптимізацію коду, це того не варте. Особливо, коли такі інструменти, як , допоможуть.
Отже, сьогодні ми крок за кроком розглянемо процес відкладення JS у Magento. Вам потрібно буде ввімкнути кілька опцій і дозволити модулю зробити решту.
Готові почати?
Але перш ніж ми це зробимо, перейдіть до Сховища > Налаштування > Розширення Magefan > Rocket JavaScript та ввімкніть його.
Крок 1: Мінімізація та об'єднання JS-файлів
Тут вам потрібно вибрати, чи слід Мінімізувати або Об'єднати JavaScript-файли. Обидва варіанти покращують завантаження JS та оптимізують JS-файли загалом.
- Мінімізація — процес видалення непотрібних даних (порожніх рядків, символів похвали, роздільників тощо) з JS-файлів. Це дозволяє браузерам швидше їх зчитувати та відповідно швидше повертати сторінки клієнтам.
- Об'єднання — процес об'єднання кількох JS-файлів разом, щоб зменшити кількість HTTP-запитів до сервера. Це дозволяє серверу повертати їх швидше (оскільки їх менше).
Крок 2: Увімкнення відкладеного JavaScript
Щоб перемістити всі JavaScript-коди в кінець (низ) сторінки, перед закриваючим тегом </html> увімкніть відповідну опцію.
Оскільки деякі JS-коди або сторінки можуть бути критично важливими для взаємодії з користувачем, ви можете встановити деякі обмеження. Вкажіть сторінки, на яких ви не хочете переміщувати JS вниз — поле Заборонені сторінки для відкладеного JavaScript .
Крім того, ви можете відкласти завантаження деяких JS-файлів , вказавши їх у Ігнорувати відкладений JavaScript за допомогою .
Крок 3: Увімкнути JS-пакетування
JS-пакетування дозволяє групувати JS-файли в пакети, щоб зменшити кількість HTTP-запитів до сервера. Сторінка має повертатися швидше.
Однак іноді трапляється навпаки, особливо якщо у вас забагато пакетів.
Отже, якщо ви хочете вручну керувати JS-файлами, включеними до JS-пакету, увімкніть Оптимізацію пакетування JavaScript. Потім введіть список JS-файлів, які ви хочете включити до пакетування.
. Порада професіонала: щоб зменшити розмір пакета, оптимізуйте пакетування Magento JS складіть список JS-файлів з усіх сторінок.
Не забудьте Зберегти налаштування та насолоджуйтесь перевагами відкладеного JS у Magento. Однак зауважте, що JavaScript-файли – це лише невелика частина оптимізації швидкості Magento.
Вам також потрібно оптимізувати зображення, CSS-файли, HTML та кешування до пришвидшити Magento . Шлях нелегкий, але він того вартий.
Підтримайте