Отложенная загрузка картинок, видео и фоновых изображений (Lazy Loading)
- Previous
- Next
| Отложенная загрузка позволяет пользователям подгружать изображения и фреймы по мере необходимости, а не во время первичной загрузки страницы. Это позволяет значительно уменьшить вес загружаемой страницы и ускорить отображение вашего сайта у пользователя! |
1. Отложенная загрузка картинок
Решение позволяет включить отложенную загрузку картинок без внесения изменений в код сайта
2. Отложенная загрузка фоновых изображений
Периодически разработчики размещают часть изображений не как картинки, а как фоны блоков по разным причинам. Решение в большинстве случаев позволяет отложить загрузку фоновых картинок
3. Отложенная загрузка фреймов (например видео)
Самый наглядный пример использования фреймов - вставка видео с YouTube. С помощью решения можно отложить загрузку подобных фреймов реализованных через iframe
4. Улучшение показателей и исправление проблем PageSpeed
Модуль положительно влияет на оценку Google Page Speed и решает проблему "Отложите загрузку скрытых изображений", на которой монитор Google поддерживает постоянный акцент
| ▷ | Простая и гибкая настройка, не требующая навыков программирования | |
| ▷ | Решение полностью безопасно - исходные файлы не редактируются | |
| ▷ | Корректно работает с CDN от Битрикс | |
| ▷ | Работает с картинками, фреймами, ютуб-видео и фоновыми изображениями |
| ▷ | Умеет дублировать исходную картинку в <noscript> для улучшенной индексации |
| ▷ | Умеет использовать встроенные современные технологии браузера для реализации отложенной загрузки |
| ▷ | Ускоряет работу сайта у реальных пользователей, а не только в PageSpeed Insight |
Преимущества перед первой версией решения "Отложенная загрузка изображений":
| ▷ | Решение проще в настройке | |
| ▷ | Для выборки изображений использован новый подход, больше не требуется подбирать селекторы | |
| ▷ | Работа с background-image встроена в решение и теперь не требует ручной адаптации | |
| ▷ | Решение значительно менее ресурсоемкое |
| ✔ | Корректно работает на пк, смартфоне и планшете | |
| ✔ | Поддерживает механизм многосайтовости | |
| ✔ | Одинаково хорошо работает с кодировками UTF-8 и Windows-1251 | |
| ✔ | Использует стабильные события и работает на большинстве версий 1с-Битрикс | |
| ✔ | Поддерживает композитный и автокомпозитный режим | |
| ✔ | Корректно работает с большинством готовых решений и на сайтах с уникальным дизайном |
| ✔ | Поддержка версий PHP: 5.6, 7.x, 8.x |
Дополнительные рекомендации:
Для дополнительного ускорения отображения сайта и увеличения рейтинга скорости по Google Pagespeed Вам будут полезны:
- Решение "Ускорение загрузки сайта", решающее проблему "Устраните ресурсы, блокирующие отображение" - смотреть карточку решения
- Решение "Оптимизация и сжатие HTML + CSS", уменьшающее вес отдаваемых html-страниц - смотреть карточку решения
1С-Битрикс: Управление сайтом
«1С-Битрикс: Управление сайтом» - профессиональная система управления интернет-ресурсами, CMS №1 в России. С помощью простой современной системы вы можете создавать и поддерживать любые проекты:
◄ интернет-магазинов
◄ корпоративных сайтов
◄ информационных порталов
◄ страниц сообществ
◄рекламных лендингов
Сайты на платформе 1С-Битрикс - это удобство, надежность и высокая посещаемость. Развивайте свой бизнес с нашими инструментами!
CMS №1 в России*
Создание и развитие корпоративных сайтов, интернет-магазинов, информационных порталов и других веб-проектов.
*В рейтинге систем управления сайтом в Рунете по данным iTrack
Конструктор сайтов
Простой конструктор для быстрого создания сайтов и лендингов - для акций, рекламы, продвижения товаров и услуг. 35 шаблонов для разных сфер бизнеса и более 200 блоков. Сайты готовы к просмотру на мобильных устройствах.
Интернет-магазин
Инструменты для продаж в интернете:
Продуманная корзина, сравнение товаров, платежи и доставка, Удобное управление магазином: SKU, склады, учет остатков, интеграция с 1С.
Маркетинг и коммуникации
Все для повышения конверсии:
Сегментация клиентской базы, email и sms рассылки, триггерные рассылки, целевая реклама в интернете, настройка программ лояльности с широким выбором видов скидок.
Высокая производительность
Загрузка сайта происходит в сто раз быстрее.
Магазины работают в разы быстрее даже при высоких нагрузках - скорость оформления заказа выше в 32 раза, скорость работы корзины выше в 2,5 раза.
Продуманная корзина, сравнение товаров, платежи и доставка, Удобное управление магазином: SKU, склады, учет остатков, интеграция с 1С.
Безопасность
Надежная защита от взлома и кражи информации с сайта. Целый ряд технических решений по защите всей системы и веб-приложений. Это многоуровневая безопасность ваших интернет-проектов от большинства известных угроз.
Мобильность
Технология, позволяющая быстро разрабатывать мобильные приложения под iOS и Android для сайтов, созданных на платформе «1С-Битрикс».
Приложения публикуются в AppStore и Google Play.
| 1.1.1 (21.04.2020) | Небольшие улучшения |
| 1.1.0 (13.03.2020) | Исключения, повышение производительности |