Як відкладено завантажувати зображення, додані через конструктор сторінок у Magento?

Якщо ви знаєте що таке ліниве завантаження (а ви точно знаєте), то ви, мабуть, потрапили на цю сторінку, оскільки вона працює неналежним чином. Під час налаштування нашого Розширення Lazy Load у Magento вам потрібно вказати блоки відкладеного завантаження для зображень, які завантажуватимуться відкладено.

Тим не менш, іноді це не працює для контенту, доданого за допомогою конструктора сторінок: сторінок або блоків CMS. Отже, в цьому посібнику ви дізнаєтеся, як відкладено завантажувати зображення, додані за допомогою конструктора сторінок у Magento.

Щоб відкладено завантажувати зображення, додані за допомогою конструктора сторінок:

1. Перейдіть до блоку або сторінки CMS, для якої потрібно відкладено завантажувати зображення.

2. Додайте новий рядок внизу контенту та вставте HTML-код з Елементи

HTML-код у конструкторі сторінок

3. Додайте наступний коментар до рядка HMTL.

<!-- MAGEFAN_LAZY_LOAD --> 

Зображення для відкладеного завантаження, додані через конструктор сторінок

Примітка: важливо використовувати новий рядок внизу контенту, оскільки якщо ви додасте команду у верхній частині існуючого блоку, він буде видалений.

4. Не забудьте зберегти блок, а потім сторінку (або блок) CMS та перевірити вміст на фронтенді.

Перегляньте наш короткий посібник про те, як перевірити зображення, що відкладено завантажуються, щоб зробити це швидше.

Примітка: ви не зможете знайти цей коментар на фронтенді, оскільки це коментар, він не повинен бути видимим у вихідному коді.

Відкладене завантаження зображень допоможе вам уникнути перевантаження та швидше завантажувати сторінки. Однак зображення, додані через конструктор сторінок, — не єдині перешкоди, з якими ви можете зіткнутися. Вам все одно потрібно буде відкладено завантажувати фонові зображення.

З огляду на це, ознайомтеся з посібником про те, як фонові зображення CSS з відкладеним завантаженням зробити це швидше.