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

Поиск  Пользователи  Правила 
Форумы на сайте Михаила Базарова » Обсуждение записок блокнота сайта camouf.ru
RSS
Ленивая подгрузка картинок в компоненте, на vue js Битрикс
 
#1
0  
8 марта 2019 23:18:34
Ленивая подгрузка картинок в компоненте, на vue js Битрикс

Если на одну страницу сайта выводится большое количество картинок, которые могут долго подгружаться- либо нужно попасть в зеленую зону Google Page Speed. Можно воспользоваться директивой Image LazyLoad - ленивая подгрузка картинок. Картинки подгружаются по мере прокрутки страницы, вместо попытки загрузить все сразу.
 
 
 
#2
0  
8 марта 2019 23:18:34
Михаил, даешь сайт без jquery ?)
 
 
 
#3
0  
9 марта 2019 10:51:55
Цитата
Сергей Стефанович написал:
Михаил, даешь сайт без jquery ?)
Скоро дам  ;)  
 
 
 
#4
0  
30 августа 2019 10:08:33
Столкнулся с проблемой, что после сброса кэша работает. как только появляется кэш то не работает ленивая загрузка. Не сталкивались?
 
 
 
#5
0  
30 августа 2019 18:00:30
Цитата
Дмитрий Мамченко написал:
Столкнулся с проблемой, что после сброса кэша работает. как только появляется кэш то не работает ленивая загрузка. Не сталкивались?
Не замечал, сейчас у себя скинул кеш- вроде бы все работает как надо
 
 
 
#6
0  
2 сентября 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>

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

и получим проблему, когда template.php закешируется, для наглядности
 
 
 
#8
0  
3 сентября 2020 15:03:47
(в примере, подключил vue и директиву прямо в шаблоне компонента - для наглядности)

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

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

при включеном кеше, для нагляности
 
 
 
#9
0  
4 сентября 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)
Ваша реклама в этом месте: 5 000 руб. / мес, сквозная по всему форуму и подфорумам.
Просьба писать на mihail@bazarow.ru
Мой youtube канал.

На нем, уже много видеоуроков по 1С-Битрикс. Как одиночные видео так и серии видеоуроков Перейти на канал

Совсем скоро выйдет видеокурс по разработке доски объявлений с мобильным приложением. Подписывайтесь и будьте в курсе:

Стоимость разработки сайта

Я не оцениваю работу в часах, так как в итоге, Вы все равно захотите узнать общую стоимость и срок выполнения.

При оценке проекта или работ я сразу называю стоимость и срок выполнения. Стоимость, срок и объем работы подлежат обсуждению только по взаимной договоренности сторон.
Ноутбук
Интернет-магазин от 250 000 рублей

Полно-комплексная разработка интернет-магазина любой сложности. Интеграция с 1С, службами доставки и оплаты. Внутренняя СЕО оптимизация перед запуском. Обучение персонала по работе с проектом.
Сайт компании от 150 000 рублей

Сайт с каталогом товаров или услуг, без функционала магазина. Включает формы обратной связи внутри карточек каталога. Любое количество статичных и динамичных разделов.
Инфоресурс от 120 000 рублей

Портал ил доска объявлений с большим количеством разделов. Возможность включения форумов, блогов, регистрации пользователей. А так же, внутри сайтовая социальная сеть.
Мобильное приложение от 170 000 рублей

Разработка мобильного приложения для, Вашего, проекта. При заказе, на разработку интернет-магазина скидка на разработку приложения- 33%

  • Полная интеграция с базой данных, основного сайта.
  • Вывод каталогов продукции и услуг, прямо в приложении.
  • Формы заказа и обратной связи.
  • Персональные разделы пользователей с историей заказов.
  • Прямой доступ к устроййству: GPS, камера, звонки и медиабиблиотека
Приложение будет доступно В AppStore и GooglePlay Мобильное приложение
Узнать точную стоимость разработки сайта или приложения: Для этого, достаточно, как можно подробнее, заполнить вот этот опросник: Скачать опросник и выслать на электронную почту mihail@bazarow.ru.
После ознакомления, смогу задать уточняющие вопросы и оценить проект по срокам и стоимости.
Решения на битрикс

Магазин, на базе готового решенияот 35 900 рублей / от 3 до 5 дней

В стоимость входит: Подбор решения из более 200-от готовых сайтов, под Вашу задачу. Полный запуск сайта на сервере или хостинге, со всеми настройками. Инструкции по работе с готовым решением. Базовая СЕО оптимизация. Запуск готового сайта за 3-4 дня. Небольшие доработки под задачу.
© 2011—2021 Разработка сайтов: ИП Базаров, ОГРНИП: 315784700173692.
Работает на 1С-Битрикс: Бизнес.

Сайт может содержать материалы 18+

Политика конфеденциальности
Информация на сайте, не является публичной офертой.
Копирование материалов сайта запрещено.
Переходов сегодня: 1121
время отсчета 00:00 по Мск.
Сейчас на сайте: 8 чел.
Симпл
camouf.ru использует файлы «cookie» с целью персонализации сервисов и повышения удобства пользования веб-сайтом.
Если Вы не хотите, чтобы Ваши пользовательские данные обрабатывались, пожалуйста, ограничьте их использование
в своём браузере

Авторизация

На сайте работает вход через социальные сети. Просто, выберите наиболее удобную сеть и авторизация произойдет автоматически:
Проходя авторизацию, Вы безоговорочно принимаете условия политики конфеденциальности