Якщо ви знаєте, що таке відкладене завантаження (а ви точно знаєте), то ви, мабуть, потрапили на цю сторінку, оскільки воно не працює так, як очікувалося. Коли ви налаштовуєте наше розширення Lazy Load у Magento, вам потрібно вказати блоки зображень для відкладеного завантаження.
Тим не менш, іноді це не працює для контенту, доданого за допомогою page builder: CMS сторінок або блоків. Отже, у цій статті ви дізнаєтеся, як відкладено завантажувати зображення, додані за допомогою page builder у Magento.
Щоб відкладено завантажувати зображення, додані через page builder:
1. Перейдіть до CMS блоку чи сторінки для яких ви хочете відкладено завантажувати зображення.
2. Додайте новий рядок внизу контенту і вставте код HTML з Elements.
3. Додайте такий коментар до рядка HTML.
<!-- MAGEFAN_LAZY_LOAD -->
Примітка: важливо використовувати новий рядок у нижній частині контенту, оскільки якщо ви додаєте команду вгорі існуючого блоку, її буде видалено.
4. Не забудьте зберегти блок, а тоді CMS сторінку (чи блок), натиснувши кнопку Save, і перевірте контент на вітрині.
Перегляньте наше коротке відео про тестування відкладено завантажених зображень, щоб впоратися з цим завданням швидше.
Примітка: ви не зможете знайти цей коментар на вітрині, оскільки він не має відображатися у вихідному коді (source code).
Відкладене завантаження зображень допоможе вам уникнути перенавантаження та допоможе звантажувати сторінки швидше. Проте зображення, додані через page builder, не єдині перешкоди, з якими ви можете зіткнутися. Вам також потрібно буде відкладено завантажувати фонові зображення.
Тому, перегляньте статтю про те, як відкладено завантажувати фонові зображення в CSS, щоб оптимізувати цей процес.