Видео отлично подходят для повышения вовлеченности пользователей на вашем сайте. Однако один из недостатков встраивания видео заключается в том, что это замедляет работу вашего сайта. В этой статье мы покажем вам, как добавить ленивую загрузку для видео в WordPress и улучшить скорость вашей страницы.
Как работает ленивая загрузка для видео?
Интересуетесь, что такое ленивая загрузка и как она работает??
Когда вы вставляете видео на свой сайт, вы добавляете дополнительные внешние скрипты и файлы, которые должны быть загружены. Поскольку загружать приходится больше, ваш сайт загружается медленнее.
Ленивая загрузка видео заменяет встроенные видео Youtube и Vimeo на кликабельное изображение для предварительного просмотра. Когда ваши посетители нажимают на изображение, оно загружается и воспроизводит видео.
Поскольку изображения намного меньше по размеру, чем видео, техника ленивой загрузки значительно улучшает скорость страницы.
Теперь, когда вы знаете о преимуществах, давайте рассмотрим, как лениво загружать видео с YouTube и Vimeo в WordPress.
Если вам не понравилось видео или нужны дополнительные инструкции, то продолжайте читать дальше.
Как добавить ленивую загрузку для видео в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин Lazy Load for Videos.
Этот плагин работает «из коробки», и вам не нужно редактировать скрипты jQuery для ленивой загрузки или какой-либо код для этого.
Чтобы убедиться, что ленивая загрузка работает, достаточно просмотреть пост или страницу, содержащую видео YouTube или Vimeo. Вы заметите, что плееры по умолчанию заменены на миниатюру видео и кнопку воспроизведения.
Когда вы нажмете на изображение, загрузится видео и начнется его воспроизведение.
Может возникнуть небольшая секундная (незначительная) задержка при загрузке видео, поэтому не думайте, что ленивая загрузка не работает.
Несмотря на то, что этот плагин работает «из коробки», все же есть параметры, которые вы можете настроить в соответствии с вашими потребностями.
На экране редактора постов вы можете выбрать качество миниатюр для вставки видео с YouTube.
Помимо качества эскизов, есть и другие возможности настройки, если вы перейдете по ссылке Настройки » Ленивая загрузка для видео.
На вкладке общих настроек вы можете настроить внешний вид миниатюр видеороликов. Вы можете включить отзывчивый режим, выбрать стиль кнопки воспроизведения, использовать пользовательский CSS и даже включить схему.разметка орг.
Этот плагин поддерживает как YouTube, так и Vimeo. Вы можете найти настройки для конкретного провайдера, нажав на соответствующие вкладки.
На вкладке YouTube вы можете выбрать цвета, качество миниатюр, отключить связанные видео и аннотации и т.д. Вы даже можете отключить ленивую загрузку для видео с YouTube.
Аналогично, на вкладке настроек Vimeo вы можете выбрать цвета управления, скрыть или отобразить название видео, а также отключить ленивую загрузку для видео Vimeo.
Вот и все. Мы надеемся, что эта статья помогла вам добавить ленивую загрузку для видео в WordPress.
Чтобы еще больше увеличить скорость вашего сайта, вам нужно настроить CDN-решение WordPress с помощью плагина W3 Total Cache.
Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видео-уроков WordPress. Вы также можете найти нас в Twitter и Google+.
Источник: www.wpbeginner.com