Iframe и HTML5 lazy loading, предзагрузка кэша и многое другое в WordPress

Первое впечатление имеет значение, и в интернете вы производите его ещё до того, как что-либо загрузится на вашем блоге WordPress. Время, которое требуется для загрузки главной страницы или любой другой записи или страницы WordPress, определяет, как долго пользователь останется на вашем блоге, если вообще останется. Теперь, с WP Speed of Light двумя быстрыми обновлениями дополнения, вы можете оптимизировать время загрузки вашего блога и дополнительно улучшить SEO. 

Последнее обновление приносит два новых типа функций. Во-первых, WP Speed of Light Addon получил новые возможности для оптимизации времени загрузки, в частности, появилась возможность отложенной загрузки iframe и HTML5-видео. Во-вторых, плагин для WordPress теперь предоставляет ещё больше гибкости в выборе способа кэширования файлов, а также группировки и минификации скриптов и таблиц стилей. Давайте разберёмся! 

Отложенная загрузка iframe и HTML5-видео lazy loading в WordPress 

Если время загрузки для вас в приоритете, далеко искать не нужно. В основных настройках WP Speed of Lightпоявился новый переключатель, который ускоряет загрузку вашего блога на WordPress и вместе с этим повышает показатель SEO: ленивая загрузка iframe и видео lazy loading.

Lazy loading — это метод ускорения, который загружает мультимедиа — в основном изображения и видео — только когда пользователь прокручивает до них. Если пользователь так и не доходит до них, изображение или видео просто не загружается. Загружая элементы только тогда и только если это необходимо, WP Speed of Light не тратит время впустую и сокращает время ожидания ваших пользователей перед взаимодействием с вашим блогом. 

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

К счастью, с WP Speed of Light улучшение времени загрузки — исключительно простая процедура. Чтобы включить lazy loading для iframe и HTML5-видео, просто перейдите в настройки плагина WordPress. Переключите тумблер с надписью iframe и видео lazy loading и наслаждайтесь улучшенным временем загрузки. 

Предзагрузка кэша для записей и страниц WordPress 

Другой преобладающий метод улучшения времени загрузки — это кэширование и предзагрузка. Обычно WordPress создаёт кэш, когда пользователь впервые посещает веб-страницу. Однако при предзагрузке WP Speed of Light создаёт кэш при его очистке и тем самым сразу сокращает время загрузки.

В версиях 3.1 и 3.2 WP Speed of Light добавлена поддержка предварительной загрузки веб-страниц, перечисленных в XML-картах сайта. Карты сайта помогают поисковым системам, таким как Google, Bing и Yahoo, находить страницы вашего сайта. Обычно карты сайта содержат ссылки на самые важные страницы вашего блога или даже на все из них. В свою очередь, карты сайта представляют собой идеальный инструмент для предварительной загрузки кэша. 

Чтобы включить предзагрузку кэша, перейдите на вкладку Дополнительно в настройках WP Speed of Light. Убедитесь, что вы включили предзагрузку кэша, а затем добавьте ссылки на ваши карты сайта в соответствующее поле. Если вы не уверены насчёт ссылок на карту сайта, вы можете использовать SEO-плагин, например WP Meta SEO.

На вкладке Дополнительно вы также можете предварительно загружать определённые страницы. Используя поле Предварительная загрузка следующих страниц , вы можете предварительно загружать наиболее посещаемые страницы, например, главную страницу вашего блога. Все, кто посещает эти страницы, смогут наслаждаться быстрой загрузкой даже после очистки кэша.

Кэширование теперь также поддерживает очистку кэша только для определённых URL-адресов, даже если вы используете CDN. CDN доставляют содержимое вашего блога WordPress с серверов по всему миру, предоставляя веб-страницы из мест, географически близких к пользователям. С последним обновлением вы можете указать, какие страницы CDN вы хотите кэшировать.

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

 Улучшение группировки и минификации скриптов и таблиц стилей

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

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

WP Speed of Light находятся на вкладке группировка и минификация в настройках, что вполне соответствует её названию. Теперь, в последней версии плагина, вы можете настроить поведение группировки и минификации в вашем блоге.

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

Ещё один вариант оптимизации — отложить загрузку таблиц стилей и скриптов. Иными словами, с WP Speed of Lightвы можете сначала загрузить контент, а затем, в конце, загрузить таблицы стилей и скрипты. Цель: пользователь может раньше начать взаимодействовать со страницей, пусть и ограниченно. Теперь, если вы включите отложенную загрузку кода JavaScript, плагин также отложит встроенные скрипты.

Оптимизация важна, но у каждого блога WordPress свои потребности. По мере развития WP Speed of Light расширяются и его возможности. Версии 3.1 и 3.2 дополнения предлагают как новые функции для ускорения всех блогов — отложенную загрузку iframe и HTML5-видео lazy loading, — так и новые параметры для настройки предзагрузки кэша, а также группировки и минификации.

Одна из лучших возможностей, которые может предложить WP Speed of Light , заключается в совместимости со всеми хостингами, например с Cloudways , который является мощным :)

Если вашему блогу на WordPress нужно ускорение, не ищите дальше. Узнайте больше о WP Speed of Light здесь.