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