Перейти к основному содержанию
Время чтения 6 минут (1121 слово)

Прогрессивная Lazy Loading для Joomla

-прогрессивная Joomla-ленивая загрузка

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

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

 

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

Lazy loading в Joomla! является частью Speed Cache . Активировать lazy loading так же просто, как щелкнуть переключатель. Speed Cache Joomla! также включает в себя и другие функции, которые помогут вам максимально эффективно использовать lazy loading .

 

Чтобы настроить lazy loading на Joomla! блог, Speed Cache панель управления 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! блог автоматически.

 

Как работает прогрессивная Lazy Loading на Joomla!

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

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

 

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

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

 

Lazy Loading в Joomla! Галереи

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

 

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

 

Интеллектуальная Lazy Loading зависимости от высоты экрана

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

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

 

окно просмотра-ленивая загрузка

 

Joomla SEO и Lazy Loading

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

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

Альтернативная-ленивая загрузка

 

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

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

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

7
В курсе

Когда вы подписываетесь на блог, мы будем присылать вам по электронной почте сообщения о появлении новых обновлений на сайте, чтобы вы их не пропустили.

Похожие сообщения

 

Комментарии 1

любитель on Вторник, 18 Февраля 2020 06:25

Я ищу lazy loading встроенных видеоплееров (youtube). Многие из них вызывают много трафика при загрузке страницы. В этой статье не упоминаются видео, только изображения, поэтому я предполагаю, что это не применимо.

Кстати, я не могу разобрать текст "Время загрузки страницы намного лучше".

Ищу lazy loading встроенных видеоплееров (youtube). Многие из них вызывают большой трафик при загрузке страницы. В этой статье не упоминаются видео, только изображения, поэтому я предполагаю, что это не относится. Кстати, не могу разобрать текст «Время загрузки страницы на порядок лучше».
Уже зарегистрирован? Войти здесь
Четверг, 28 марта 2024 г.

Изображение с картинки