Урок 106.1. Настройка отложенной загрузки картинок.

Практически каждый веб-мастер знает, что скорость загрузки страниц сайта очень важна. Можно даже сказать, она является одним из ключевых факторов ранжирования, если речь, например о мобильной выдаче. Тем не менее, оптимизировать сайт и улучшить посещаемость бывает непросто, особенно, когда речь о ресурсоемких сайтах. Здесь многие начинают использоваться CDN и уменьшение размера картинок. Но есть и другой способ улучшить скорость – отложенная загрузка изображений.

Что такое отложенная загрузка?

Отложенная загрузка, или lazy road – это средство, которое загружает изображения лишь тогда, когда пользователь прокручивает страницу до нужного участка, где эти картинки, собственно и размещаются. Ну, а поскольку на сайтах с большим количеством текстового контента и изображений будет прогружаться только нужный участок с картинкой, скорость должна существенно возрасти.

Сегодня многие сайты все еще не используют эту технологию. Как следствие, при открывании страницы у пользователя начинает загружаться сразу весь объем, что часто не только заставляет ждать, но и съедает немало трафика. Загрузка по мере прокрутки – оптимальное решение, особенно, если вы не уверенны, что пользователь вообще долистает до конца большой страницы. К тому же, не у всех пользователей в смартфонах используется безлимитный интернет, несмотря на то, что сейчас пропагандируется серфинг со смартфона, 3g или wi-fi все еще с трудом тянут большие страницы ввиду потерь скорости. Используя плагин отложенной загрузки, комфорт использования мобильного устройства для просмотра больших страниц вашего сайта естественно возрастет.

Минусы данного подхода

Мы рассказали о плюсах отложенной загрузки, но есть и некоторые потенциальные минусы, о которых следует помнить. Дело в том, что у поисковиков может возникнуть проблема со сканированием и индексацией, ведь поисковые роботы как раз таки предпочитают анализировать содержимое страниц целиком. Так что нужно быть готовым к проблемам СЕО, несмотря на то, что только с отложенной загрузкой достижим баланс с правильным расположением текста, индексацией и ускорением загрузки страницы. НУ а если вдруг вам нужен корпоративный сайт, заходите на https://andreyex.ru/sozdanie-sajtov/korporativnyj-sajt/.

Чтобы проверить корректность работы отложенной загрузки контента, включая текст, стоит воспользоваться таким инструментом, как Fetch as Googlebot.

Еще одна проблема может заключаться в том, что иногда изображение не успевает загрузиться вовремя и контент может отображаться не полностью. В данном случае необходима правильная установка и настройка отложенной загрузки.

Плагины

Теперь перейдем непосредственно к плагинам. В настоящее время использование плагина – единственное рациональное решение, впрочем, как и в любом другом случае, когда речь заходит о расширении функционала вордпрессовского сайта. И начать стоит с Lazy Load – наиболее популярного бесплатного плагина для отложенной загрузки.

Это простой плагин, где для подгрузки изображений, расположенных в поле зрения используется jQuery.sonar. Чтобы начать работать с плагином, его достаточно загрузить и нажать Activate. Никаких дополнительных настроек при этом не требуется.

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