Ленивая подгрузка картинок в компоненте, на vue js Битрикс

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.
Поиск  Правила 
Ответить
RSS
Ленивая подгрузка картинок в компоненте, на vue js Битрикс
 
#1
Это нравится: 0 Да / 0 Нет
08.03.2019 23:18:34
Ленивая подгрузка картинок в компоненте, на vue js Битрикс

Если на одну страницу сайта выводится большое количество картинок, которые могут долго подгружаться- либо нужно попасть в зеленую зону Google Page Speed. Можно воспользоваться директивой Image LazyLoad - ленивая подгрузка картинок. Картинки подгружаются по мере прокрутки страницы, вместо попытки загрузить все сразу.
 
   Цитировать   Имя
 
#2
Это нравится: 0 Да / 0 Нет
30.08.2019 10:08:33
Столкнулся с проблемой, что после сброса кэша работает. как только появляется кэш то не работает ленивая загрузка. Не сталкивались?
 
Цитировать   Имя
 
#3
Это нравится: 0 Да / 0 Нет
30.08.2019 18:00:30
Цитата
Дмитрий Мамченко написал:
Столкнулся с проблемой, что после сброса кэша работает. как только появляется кэш то не работает ленивая загрузка. Не сталкивались?
Не замечал, сейчас у себя скинул кеш- вроде бы все работает как надо
 
Цитировать   Имя
 
#4
Это нравится: 0 Да / 0 Нет
02.09.2020 15:51:56
Прошу подсказать код для:
Код
<span
   class="product-item-image-original"
   id="<?=$itemIds['PICT'];?>"
   style="background-image:url('<?=$item['PREVIEW_PICTURE']['SRC']?>'); <?=($showSlider ? 'display: none;' : '')?>"
>
</span>

Никак не могу разобраться :-(
 
Цитировать   Имя
 
#5
Это нравится: 0 Да / 0 Нет
03.09.2020 15:01:54
Цитата
Дмитрий Мамченко пишет:
(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)
(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)

и получим проблему, когда template.php закешируется, для наглядности
 
Цитировать   Имя
 
#6
Это нравится: 0 Да / 0 Нет
03.09.2020 15:03:47
(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)

и получим проблему не подключения в template.php

\Bitrix\Main\UI\Extension::load("ui.vue");
\Bitrix\Main\UI\Extension::load("ui.vue.directives.lazyload");

при включеном кеше, для нагляности
 
Цитировать   Имя
 
#7
Это нравится: 0 Да / 0 Нет
04.09.2020 09:22:37
Цитата
Стас Хлопотов написал:
(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)

и получим проблему не подключения в template.php

\Bitrix\Main\UI\Extension::load("ui.vue");
\Bitrix\Main\UI\Extension::load("ui.vue.directives.lazyload");

при включеном кеше, для нагляности
Включил у себя, в портфолио - работает без проблем (c кешированием)
Но, согласен, в template.php - подключать не стоит. Это в целом не практично
 
Цитировать   Имя
 
#8
Это нравится: 1 Да / 0 Нет
12.08.2022 20:13:22
Цитата
написал:
(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)
и получим проблему не подключения в template.php
\Bitrix\Main\UI\Extension::load("ui.vue");
\Bitrix\Main\UI\Extension::load("ui.vue.directives.lazyload");
при включеном кеше, для нагляности
Мне часто помогает этот сайт и я решил внести свою лепту. Столкнулся с той же проблемой (подключение пользовательских расширений и кеширование). Нигде не нашёл ответ в интернете, а в документации до сих пор пусто. Появилась гипотеза - всё сработало. Спросил у техподдержки и они предоставили то же решение, которое я нашёл до этого. Цитирую техподдержку:

"Подключение расширения нужно осуществлять в некешируемой области, для этого подходит component_epilog.php."

То есть, создаете файл component_epilog.php, подключаете проверку включения и далее подключаете класс загрузки расширения.
Изменено: Михаил Базаров - 13.08.2022 09:22:49
 
Цитировать   Имя
 
#9
Это нравится: 0 Да / 0 Нет
13.08.2022 09:23:48
Цитата
Гость написал:
при включеном кеше, для нагляности
Появилась гипотеза - всё сработало. Спросил у техподдержки и они предоставили то же решение, которое я нашёл до этого. Цитирую техподдержку:

"Подключение расширения нужно осуществлять в некешируемой области, для этого подходит component_epilog.php."

То есть, создаете файл component_epilog.php, подключаете проверку включения и далее подключаете класс загрузки расширения.

Да, спасибо. Что бы больше ни у кого не было проблем, внес корректрировку в комментарий по коду.
Изменено: Михаил Базаров - 13.08.2022 09:23:57
 
Цитировать   Имя
 
Ответить
BBCode   Правила
Форма ответов
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Файл
Загрузить файлы
 
Поблагодарить и поддержать:
Или подписаться на boosty канал: Видео на Ютубе