Прогрессивная ленивая загрузка для Joomla

Создание отличного контента на Joomla! - это одно, а обеспечение его доступности - другое. Lazy loading - это одно из решений, которое объединяет оба аспекта без изменения вашего рабочего процесса. С помощью прогрессивной lazy loadingизображения загружаются только при необходимости. Если читатель никогда не достигает изображения на веб-странице, оно никогда не загружается. Теперь lazy loading также доступен на Joomla!

Преимущества lazy loading многочисленны; страницы загружаются быстрее, что означает, что пользовательский опыт лучше, показатели SEO взлетают, и ваш контент Joomla более доступен пользователям с низкопроизводительными устройствами или медленным интернет-соединением. Несколько недель назад мы представили улучшение базового рецепта lazy loading на WordPress. Сегодня мы представляем его и для Joomla!, но прежде чем это сделать, давайте посмотрим, как можно включить прогрессивную lazy loading на Joomla!

Включение Lazy Loading на Joomla!

Ленивая загрузка на Joomla! является частью расширения Speed Cache. Активация ленивой загрузки так же проста, как переключение выключателя. Однако Joomla!'s Speed Cache также включает другие функции, которые помогают вам получить максимальную отдачу от ленивой загрузки

Чтобы настроить lazy loading на вашем блоге Joomla!, перейдите в панель управления Speed Cache. Оттуда нажмите кнопку конфигурации, чтобы перейти на совершенно новую страницу настроек Speed Cache

Настройки lazy loading находятся во вкладке параметры. Перейдите туда или используйте новый функционал поиска, чтобы найти настройки lazy loading. Чтобы включить lazy loading, просто включите опцию lazy loading. Как только вы это сделаете, Speed Cache покажет новые опции для настройки lazy loading под ваш сайт.

Исключить изображения из отложенной загрузки Joomla!

С помощью первых двух полей вы можете исключить определенные изображения из lazy loading , если они очень маленькие, такие как иконки или небольшие логотипы. Это полезно для включения lazy loading только для изображений, которые действительно влияют на время загрузки вашего блога Joomla! По этой причине убедитесь, что вы исключаете только очень маленькие изображения, чтобы не сделать lazy loading неэффективным.

В некоторых случаях, однако, вы можете исключить (или включить) целые наборы постов или страниц Joomla! из lazy loading. Причины, по которым вы будете делать это, сильно различаются и являются разумными — возможно, медиа, которые они включают, являются неотъемлемой частью контента. Следующие два поля используются для этого.

С помощью первого поля вы можете включить lazy loading только для определенных страниц, а с помощью второго поля вы можете отключить lazy loading только для определенной части контента. В обоих случаях также разрешены подстановочные знаки; используйте символ звездочки, чтобы применить lazy loading к группам одинаково названных постов или страниц Joomla!. Сохраните изменения, чтобы включить lazy loading: lazy loading вступает в силу на вашем блоге Joomla! автоматически.

Как работает прогрессивная отложенная загрузка на Joomla!

Lazy loading предоставляет контент по мере необходимости. Обычно страницы состоят из комбинации текста и изображений. Загрузка медиафайлов занимает больше времени, чем загрузка текста, особенно на маломощных мобильных устройствах или при медленном интернет-соединении. Хотя ваш блог Joomla! не может волшебным образом ускорить работу мобильных устройств или интернет-соединение, он может сделать следующее: улучшить пользовательский опыт.

Что на самом деле означает lazy loading , так это то, что браузер изначально загружает текст, который обычно является неотъемлемой частью вашего блога Joomla! Текст также намного меньше по размеру, поэтому он загружается быстрее, и ваши читатели могут следить за ним. Когда они прокручивают вниз и изображение попадает в поле зрения, lazy loading загружает и отображает изображение.

На самом деле, загрузка изображения может занять некоторое время. Поэтому прогрессивная отложенная загрузка изображений автоматически создаёт уменьшенную версию изображений — шириной 20 пикселей, с 4 цветами и размером всего несколько КБ — увеличивает их до исходного размера, а затем размывает. Эффект представляет собой размытую версию изображения в полном размере, указывающую на то, что изображение ещё загружается. Когда отложенная загрузка завершает загрузку изображения, Joomla! заменяет размытое изображение на полноразмерное.

Прогрессивная lazy loading включается автоматически с lazy loading, что означает, что вам не нужно вносить какие-либо дополнительные изменения. Лучше всего то, что, используя только небольшие версии изображения, прогрессивная lazy loading добавляет очень мало нагрузки на пространство хранения Joomla!.

Lazy Loading в галереях Joomla!

Lazy loading не различает. Speed Cache lazy loading работает для любого изображения, включая галереи, такие как галереи Droppics . Аналогично обычным изображениям, Speed Cache увеличивает маленькую версию изображений в галерее и размывает ее. Когда пользователи прокручивают вниз, lazy loading загружает полноразмерные изображения.

Лучше всего то, что Speed Cache lazy loading не мешает вашему рабочему процессу. Вместо этого он добавляет lazy loading в ваш процесс: просто вставьте изображение или галерею в любом месте вашего блога Joomla!, и Speed Cache автоматически загрузит изображения лениво, используя AJAX, одно за другим, после загрузки основного содержимого — в основном текста и небольших изображений, исключенных вашими предпочтениями.

Умная Lazy Loading на основе высоты экрана

Lazy loading - это всё о прокрутке и высоте экрана. Speed Cache’s lazy loading очень умён в том смысле, что он применяется только к текущей высоте экрана (на основе области просмотра) и предварительно загружает следующий. Итак, если у вас быстрое соединение или если вы медленно прокручиваете, вы даже не заметите, что lazy loading активирован на вашем сайте Joomla.

Кроме того, этот lazy loading , основанный на высоте экрана, применяется только к текущей высоте экрана, даже если он находится в середине страницы, например, при наличии ссылки на якорь. Затем lazy loading применяется при прокрутке вверх или вниз.

Joomla SEO и ленивая загрузка

lazy loading , используемая в Speed Cache , не влияет на SEO. На самом деле поисковые системы, которые сканируют ваш контент, такие как Google bot, увидят только преимущества:

• Время загрузки страницы значительно улучшается;
• Весь контент изображения, включая альтернативный текст, заголовок изображения и описание, загружаются сразу без lazy loading; и
• Подписи к изображениям также загружаются при первой отрисовке страницы.

Прогрессивная lazy loading - это компромисс между показом медиа и задержкой их загрузки путем добавления визуальных подсказок. В то же время lazy loading делает навигацию по вашему блогу Joomla! более быстрой и приятной. Не должно быть никаких ограничений для обмена отличным контентом, и теперь с прогрессивной lazy loading на Joomla! нет никаких ограничений для того, чтобы сделать его доступным.

Конечно, мы также можем иметь в виду, что Speed Cache также предлагает много других полезных инструментов, таких как действительно хороший модуль кэширования, который позволит нам ускорить наши сайты и вывести их на новый уровень!

Проверьте Speed Cache для Joomla:  https://www.joomunited.com/products/speed-cache