Лучшие плагины отложенной загрузки, чтобы сделать ваш сайт WordPress быстрее
Опубликовано: 2019-04-01Сайты с кучей изображений могут долго загружаться. Для каждого изображения это еще один HTTP-запрос, и вашим пользователям приходится больше времени разочарованно ждать, пока страницы загружаются медленно.
Итак, каково решение? Ленивая загрузка.
Продолжить чтение или перейти вперед по этим ссылкам:
- Нативная ленивая загрузка появилась в WordPress 5.5
- Плагин больше не нужен?
- Доступ к интерфейсу
- Совместимость с браузером
- Дополнительная оптимизация
- Есть ли преимущества у нативной ленивой загрузки?
- Лучшие плагины отложенной загрузки
- Подробнее о ленивой загрузке
Отложенная загрузка может значительно ускорить сайты с большим количеством изображений, и ее включение на вашем сайте не займет много времени.
В двух словах, он заставляет изображения загружаться только тогда, когда они находятся «вверху сгиба» — другими словами, будут загружаться только те изображения, которые отображаются в браузере пользователя.
Итак, если у вас есть страница с 10 свежими и бесплатными полноэкранными темами WordPress, будут загружены только первые несколько изображений в сообщении, а остальные будут загружаться по мере того, как пользователь прокручивает страницу вниз.
Нативная ленивая загрузка появилась в WordPress 5.5
Отложенная загрузка все еще является относительно новой функцией WordPress.
Он работает, добавляя атрибут «ленивый» и устанавливая значение «загрузка» для ваших изображений, которые затем обрабатываются браузером на выходе.
Если у вас есть плагин отложенной загрузки, к которому вы лояльны, или вы прошли этапы, когда вы вообще не хотите включать отложенную загрузку, вам будет приятно узнать, что вы можете отключить его.
Некоторые плагины делают это автоматически, однако, если вам нужно сделать это вручную, просто перейдите в файл functions.php и добавьте следующее:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
Это отключит функцию отложенной загрузки WordPress, а это означает, что вы сможете использовать плагин по вашему выбору без риска конфликта.
Это всего лишь одна строка кода, но если вам неудобно ее добавлять, вы можете скачать этот простой плагин, который сделает это за вас.
Плагин больше не нужен?
Вам может быть интересно, стоит ли вообще использовать плагин сейчас, когда WordPress предлагает нативную ленивую загрузку.
Хорошо читайте дальше, потому что на самом деле есть несколько причин, по которым вы можете захотеть использовать плагин:
Доступ к интерфейсу
Хороший плагин отложенной загрузки, такой как Smush, предлагает интерфейс с опциями для настройки конкретных параметров, а также возможность включать и выключать отложенную загрузку одним нажатием кнопки.
Эти параметры могут варьироваться от типов изображений, которые будут загружаться отложенно, до страниц, к которым применяется отложенная загрузка. Если вы хотите изменить такие настройки без плагина, вам придется углубиться в код и добавить эти исключения вручную.
Совместимость с браузером
Еще одним большим плюсом является то, что большинство плагинов будут работать во всех браузерах. Safari — один из основных браузеров, который не поддерживает атрибут загрузки, поэтому, если у вас есть веб-сайт с большим количеством изображений, вы можете увидеть, как пользователи из неподдерживаемых браузеров уходят. Это то, о чем вам не нужно беспокоиться при использовании плагина.
Дополнительная оптимизация
Большинство плагинов предлагают гораздо больше, чем просто отложенную загрузку. Использование плагина для оптимизации изображений на вашем веб-сайте, возможно, является одним из лучших решений, которые вы когда-либо принимали.
Плагины, такие как Smush, могут помочь вам следовать рекомендациям Google по PageSpeed, связанным с изображениями, и повысить скорость вашего сайта — отложенная загрузка — это только начало!
Есть ли преимущества у нативной ленивой загрузки?
На первый взгляд может показаться, что плагин делает все, что может сделать встроенная отложенная загрузка, и даже больше.
Хотя это технически правильно, основное отличие состоит в том, что большинство плагинов включают в себя введение библиотеки JavaScript, от которой будет зависеть ваш сайт.
Встроенная отложенная загрузка более проста и понятна и не требует большого количества дополнительного кода.
Наш плагин для оптимизации изображений, Smush, фактически предлагает собственную версию отложенной загрузки.
Он работает на той же основе, что и WordPress, но поддерживает все те же форматы изображений, что и Smush.
Встроенная ленивая загрузка, возможно, может быть использована в качестве основы для других разработок в будущем, но, по крайней мере, на данный момент плагины подходят для большинства сайтов.
Если вы предпочитаете плагин для решения ваших задач отложенной загрузки, мы собрали коллекцию бесплатных плагинов отложенной загрузки.
Оптимизация изображения Smush
Smush — самый популярный универсальный плагин для оптимизации изображений. Мы включаем все, что вам нужно, чтобы ваши изображения загружались быстрее.
Отложенная загрузка доступна как в бесплатной версии Smush, так и в Smush Pro с турбонаддувом, который поставляется в комплекте с CDN Smush Pro и, в отличие от встроенной отложенной загрузки, совместим со всеми браузерами.
Чтобы активировать ленивую загрузку с помощью Smush, мы максимально упростили процесс. Все, что вам нужно сделать, это перейти в раздел « Отложенная загрузка » в Smush и нажать кнопку « Активировать ». Вот и все.
После активации ленивой загрузки вы можете изменить свои настройки, но это не обязательно. Настройки Smush и Smush Pro по умолчанию — это все, что вам нужно, чтобы увидеть значительное улучшение производительности.
a3 Ленивая нагрузка
A3 Lazy load — популярный плагин для отложенной загрузки изображений, фреймов, видео и других элементов на вашем сайте.
Он имеет множество настроек, поэтому вы можете настроить, как вы хотите, чтобы активы на вашем сайте загружались.
Он также протестирован на 100% совместимость с популярными плагинами, такими как WooCommerce, Advanced Custom Fields и различными CDN.
Сумасшедший Ленивый
Вот еще один ультратонкий плагин для ленивой загрузки, который просто работает. Не требует сложной настройки.
В зависимости от темы или использования jQuery, Crazy Lazy может использовать модифицированную версию плагина jQuery Unveil.js или нативную библиотеку JavaScript lazyload.js.
Ленивая загрузка видео
Не все плагины отложенной загрузки работают с видео, и это позор, потому что видео может увеличить размер файла вашей веб-страницы больше, чем изображения.
Ленивая загрузка для видео может помочь вам лениво загружать видео, размещенные на Vimeo или YouTube. Он загружает изображение-заполнитель и загружает полное видео и видеоплеер только в том случае, если посетитель нажимает на него.
Это важно, если на вашем сайте много видео и вы выбираете легкий плагин, который не включает отложенную загрузку видео.
Подробнее о ленивой загрузке
Использование плагина — это самый простой способ добавить ленивую загрузку на ваш сайт, но это не единственный способ. Вы также можете использовать JavaScript на своем сайте, если вам нужно более компактное решение.
Если вы хотите узнать больше, ознакомьтесь с разделом «Как отложить закадровые изображения в WordPress с отложенной загрузкой», чтобы узнать, как работает отложенная загрузка и как воссоздать эту технику на вашем сайте.
Если вы хотите узнать больше о собственной функции отложенной загрузки WordPress, ознакомьтесь с объявлением.
Самый простой способ начать работу с отложенной загрузкой — использовать Smush free или Smush Pro.
Smush Pro добавляет другие функции, которые могут помочь вам с другими возможностями Google PageSpeed Insights. Он может помочь вам обслуживать изображения в форматах следующего поколения путем преобразования ваших изображений в файлы WebP и правильного размера изображений путем масштабирования ваших изображений с помощью CDN Smush Pro. Smush Pro даже совместим с популярным плагином WP Retina 2x, поэтому вы можете лениво загружать эти огромные изображения Retina, не замедляя работу WordPress.
Попробуйте Smush Pro бесплатно и посмотрите, насколько он может изменить ваш сайт.
Теги: