Меню

Михаил Базаров Создание сайтов на 1С-Битрикс

Главная страница

/ Форумы на сайте Михаила Базарова

/ Обсуждение записок блокнота сайта bazarow.ru

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

Внимание! Все сообщения на форуме проходят модерацию. Ваше сообщение появится после проверки.

RSS

Михаил Базаров

Администратор

Сообщений: 2071 Баллов: 900 Рейтинг: 1 Регистрация: 07.11.2013

Это нравится: 0 Да / 0 Нет

08.03.2019 23:18:34

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

Если на одну страницу сайта выводится большое количество картинок, которые могут долго подгружаться- либо нужно попасть в зеленую зону Google Page Speed. Можно воспользоваться директивой Image LazyLoad - ленивая подгрузка картинок. Картинки подгружаются по мере прокрутки страницы, вместо попытки загрузить все сразу.

Цитировать Имя

Дмитрий Мамченко Пользователь Сообщений: 1 Рейтинг: 0 Регистрация: 30.08.2019	#2 Это нравится: 0 Да / 0 Нет 30.08.2019 10:08:33 Столкнулся с проблемой, что после сброса кэша работает. как только появляется кэш то не работает ленивая загрузка. Не сталкивались?
	Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 2071 Баллов: 900 Рейтинг: 1 Регистрация: 07.11.2013

Это нравится: 0 Да / 0 Нет

30.08.2019 18:00:30

Цитата
Дмитрий Мамченко написал: Столкнулся с проблемой, что после сброса кэша работает. как только появляется кэш то не работает ленивая загрузка. Не сталкивались?

Не замечал, сейчас у себя скинул кеш- вроде бы все работает как надо

Цитировать Имя

Gavril Skriabin

Гость

Это нравится: 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>

Никак не могу разобраться :-(

Цитировать Имя

Стас Хлопотов

Гость

Это нравится: 0 Да / 0 Нет

03.09.2020 15:01:54

Цитата
Дмитрий Мамченко пишет: (в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)

(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)

и получим проблему, когда template.php закешируется, для наглядности

Цитировать Имя

Стас Хлопотов

Гость

Это нравится: 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");

при включеном кеше, для нагляности

Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 2071 Баллов: 900 Рейтинг: 1 Регистрация: 07.11.2013

Это нравится: 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 - подключать не стоит. Это в целом не практично

Цитировать Имя

Гость

Это нравится: 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

Цитировать Имя

Михаил Базаров

Администратор

Сообщений: 2071 Баллов: 900 Рейтинг: 1 Регистрация: 07.11.2013

Это нравится: 0 Да / 0 Нет

13.08.2022 09:23:48

Цитата

Гость написал:
при включеном кеше, для нагляности
Появилась гипотеза - всё сработало. Спросил у техподдержки и они предоставили то же решение, которое я нашёл до этого. Цитирую техподдержку:

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

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

Да, спасибо. Что бы больше ни у кого не было проблем, внес корректрировку в комментарий по коду.

Изменено: Михаил Базаров - 13.08.2022 09:23:57

Цитировать Имя

Читают тему

BBCode Правила

Форма ответов

Ваше имя*

Ваш E-Mail

Текст сообщения*

Перетащите файлы

Ничего не найдено

Загрузить файлы

Показывать графические смайлы в этом сообщении

Поблагодарить и поддержать:

Или подписаться на boosty канал:

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

Блог-note: заметки разработчика

Кнопка для отправки на печать карточки товара, без лишних данных

Умный фильтр на главной странице Битрикс

Добавление в избранное или отложенные, на AJAX из карточки товара

Старые шаблоны битрикс для простой верстки

Автоматически отгрузить заказ и сменить статус отгрузки, при выполнении заказа.

Если предложение SKU в корзине, поменять кнопку добавления на "В корзине"

Удалить всех пользователей которые не делали заказов в магазине 1С-Битрикс

Фотогалерея на базе компонента новостей, с fancybox.

Помечаем новинки лейблом в каталоге битрикс