Розширення дозволяє вам увімкнути відкладене завантаження JavaScript автоматично переміщувати JS-код вниз сторінки. Таким чином, ви збільшуєте швидкість завантаження веб-сайту та усуваєте блокування рендерингу.
Однак іноді вам не потрібно переміщувати всі JavaScript-коди вниз, оскільки є деякі, які не рекомендується переміщувати туди.
У цьому посібнику ви дізнаєтеся, як це зробити.
Як автоматично відкласти завантаження деяких JS-кодів?
Перейдіть до Магазини > Конфігурація > Розширення Magefan > Rocket Javascript та знайдіть розділ Ігнорувати відкладений JavaScript за допомогою . Потім вкажіть рядки, які ви не хочете переміщувати вниз, кожен у новому рядку.
Розширення автоматично додасть до них атрибут data-rocketjavascript="false" , щоб вони були ігноровані.
Як відкласти завантаження деяких JS вручну?
Якщо ви не хочете переміщувати деякі JavaScript вниз, вам просто потрібно додати атрибут data-rocketjavascript="false" до тегу безпосередньо у вашому коді:
Приклад:
Припустимо, у вас був такий тег JavaScript:
<script>
alert('I do not wont to move this javascript to the footer');
</script>
Отже, в результаті це буде так:
<script data-rocketjavascript="false" >
alert('I do not wont to move this javascript to the footer');
</script>
Після додавання цих атрибутів до ваших скриптів вони не будуть переміщені вниз сторінки. Але це не єдина оптимізація, яку потрібно зробити для покращення швидкості завантаження сторінки. Перегляньте наш Посібник з оптимізації пакетної обробки JS .
