Завантаження JS файлів має велике значення для Magento, оскільки воно впливає не лише на швидкість завантаження сторінки, але й на досвід користувачів. І хоча для покращення швидкості в Magento 2 потрібно виконати безліч кроків, оптимізація завантаження JS має бути у топі списку.
У цій статті ви дізнаєтеся, як налаштувати розширення Magento 2 Rocket JavaScript, яке допоможе вам оптимізувати бандлинг JS і відкласти завантаження всіх або деяких JavaScript файлів.
Перегляньте це коротке відео, щоб дізнатися, як налаштувати deferred javascript у Magento 2 або виконайте наведені нижче інструкції.
Щоб налаштувати модуль Rocket JavaScript в Magento 2:
1. Підіть у Stores > Configuration > Magefan Extensions > Rocket JavaScript та ввімкніть розширення.
2. Ввімкніть опцію Enabled Deferred JavaScript, щоб перемістити всі JavaScript у кінець (низ) сторінки, перед закриваючим тегом </html>.
3. У полі Disallowed Pages for Deferred JavaScript вкажіть сторінки, на яких ви не хочете переміщувати JS вниз сторінки.
4. Відкладіть завантаження деяких JS файлів вказавши їх у полі Ignore Deferred JavaScript With.
5. Ввімкніть оптимізацію JavaScript Bundling Optimization, якщо ви хочете вручну керувати тим, які JS файли включати в JS бандл.
6. У відповідному полі введіть список файлів JS, які потрібно включити в бандлинг - Included In Bundling (ми рекомендуємо, щоб цю опцію налаштували розробники).
Професійна порада: щоб зменшити розмір бандлу, оптимізуйте Magento JS bundling, склавши один список JS файлів з усіх сторінок.
