Lazy loading изображения: решение для ускорения загрузки страниц сайта в Joomla 4

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

Что такое ленивая загрузка или lazy load?

Если вы новичок, вы можете задаться вопросом, что такое отложенная загрузка и почему это важно. По сути, отложенная загрузка изображения откладывает загрузку изображения, которое не требуется на странице вашего веб-сайта. В этом случае изображение не будет видно пользователям при загрузке страницы, оно будет загружено и фактически станет видимым, когда пользователи прокрутят страницу вниз к месту, где размещено это изображение.

Отложенная загрузка изображения поможет вам улучшить производительность сайта и время загрузки. Одним из наиболее важных факторов, влияющих на впечатления посетителей, является скорость загрузки вашего сайта. Факт, что изображения являются наиболее востребованным типом данных на любой веб-странице, на которую приходится 90% размера страницы. Таким образом, если количество изображений, которые необходимо загрузить на страницу изначально, уменьшится, это приведет к гораздо более быстрой загрузке страниц, лучшему опыту посетителей и более высокому органическому ранжированию вашего веб-сайта. Вот почему для вашего сайта действительно необходима отложенная загрузка изображения.

Вы можете проверить, какие изображения подходят для отложенной загрузки, а количество байтов можно сохранить, используя инструмент Google Lighthouse Audit. Ленивая загрузка изображения поддерживается большинством популярных браузеров, включая Chromes, Edge, Opera и Firefox. Тем не менее, реализация Webkit в Safari, сейчас находится в стадии разработки и может быть добавлена ​​в следующей минорной версии Joomla 4.

Функция отложенной загрузки изображений в Joomla 4 — беспроигрышное решение, и пользователям проще реализовать его на своих веб-сайтах.

Как включить отложенную загрузку изображений в Joomla 4

Теперь вы можете легко включить отложенную загрузку изображений на своем сайте Joomla без каких-либо сторонних расширений благодаря Joomla 4. Joomla 4 будет поставляться со встроенным плагином для отложенной загрузки изображений. Когда «ленивая» загрузка активна, она автоматически «лениво» загружает все изображения на ваш сайт Joomla.

Включить отложенную загрузку изображений в Joomla 4 очень просто. Все, что вам нужно сделать, это войти в админку Joomla, перейти в System → Manage → Plugins.

В строке поиска диспетчера плагинов найдите Lazy. Здесь вы просто включаете плагин Content — Image Lazy Loading, и функция отложенной загрузки готова к использованию на вашем сайте Joomla.

С этого момента любые изображения на вашем веб-сайте, будут автоматически загружаться с отложенной загрузкой. Однако вы должны заметить, что отложенная загрузка по умолчанию в Joomla 4 не дает вам гибкости в выборе того, где применять эту функцию, а где нет. Несмотря на это, функция отложенной загрузки в Joomla 4 — одна из многих вещей, которые могут способствовать более быстрой загрузке веб-сайта и действительно необходимы для вашего веб-сайта.