Как ускорить сайт на WordPress с помощью отложенной загрузки

2.5 Мб – средний вес загружаемой интернет страницы, три четверти которого приходятся на изображения. Это сравнительно много. Посетитель мог бы быстро начать просмотр после быстрой загрузки видимой части страницы, однако ему приходится ждать, пока страница загрузится равномерно и целиком.

WordPress – очень популярная система, с помощью которой легко добавить медиаконтент на сайт. Однако не следует забывать о таком параметре, как скорость загрузки сайта.

В этой статье мы поговорим о том, как ускорить сайт с помощью отложенной загрузки изображений.

Как ускорить сайт с помощью отложенной загрузки

Если вы используете большое количество медиаконтента, вы можете существенно ускорить сайт, а также улучшить его поведенческие факторы. Принцип работы отложенной загрузки прост. С помощью Java Script браузер определяет, какие объекты находятся в видимой части браузера, именно их он и начинает загружать, остальные же файлы будут загружаться по мере прокрутки. Вместо того чтобы ждать, пока страница загрузится целиком, посетитель практически сразу сможет приступать к просмотру поста. Для создания отложенной загрузки существуют плагины, которые мы и рассмотрим ниже.

BJ Lazy Load

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

Одной замечательной функцией плагина является возможность поставить своего рода заглушки поверх изображений. Они будут отображаться, пока основное изображение не загрузится. Однако заглушки следует использовать малых размеров, чтобы они быстро грузились.

С помощью данного плагина вы сможете эффективно ускорить сайт.

Laxy Load XT

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

А3 Lazy Load

Данный плагин имеет наибольшее число скачиваний – более 10 000. Помимо основной задачи, существует опция залития областей с непрогруженными изображениями цветом фона.

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

Если вы нашли ошибку, то выделите её и нажмите клавиши Shift + Enter или нажмите сюда, чтобы проинформировать нас.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Оцените статью)
Загрузка...

Также по этой теме:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Как создать блог. Видео Уроки WordPress © 2017 | Оставляя комментарий на сайте или используя форму обратной связи, вы соглашаетесь с правилами обработки персональных данных.