Webamator Blog

YEP for WordPress
MENU
Home » Сайтостроителю » YEP for WordPress

YEP for WordPress

Я думаю, ни для кого не секрет, что стандартные методы для вставки видео на сайт (с использованием iframe или embed) замедляют загрузку вашей страницы. Дело в том что даже один такой iframe создает много дополнительных запросов при загрузке страницы. Встраивая видео, мы запрашиваем не только видеофайл, но также и файлы JavaScript, таблицу стилей, изображения, рекламу и т.д.

А если видео будет два или более то количество дополнительных запросов возрастет в несколько раз. Такое количество “лишнего” кода может серьезно замедлить даже десктопную версию сайта, а что будет с мобильной остается лишь догадываться.

Youtube Embed Plugin – это мой новый плагин для WordPress, который позволяет решить данную проблему. Он заменяет встроенные видео Youtube на изображения и загружает видео только тогда, когда пользователь нажимает кнопку воспроизведения.

Таким образом, происходит значительное уменьшение “лишних” килобайт и “лишних” запросов. Соответственно увеличиваетя как ваш рейтинг Google PageSpeed так и реальная скорость загрузки страницы. На демонстрационном сайте Google Page Speed ​​Result равен 53/100 (плагин отключен / плагин включен).

Демонстрация плагина:

http://extra-speed-blog.webamator.net/yep-for-wordpress-demo/. Как вы можете видеть на скриншотах ниже, демонстрационная запись с 4-мя вставками видео может улучшить производительность почти вдвое:

YEP for WordPress отключен

YEP for WordPress включен

Обратите внимание, для теста я использую бесплатный шаблон WordPress, который способен обеспечить результат 100% в Google PageSpeed. Если ваш текущий шаблон имеет меньший результат без видео, плагин не сможет вам гарантировать 100% PageSpeed.

Как пользоваться:

1. Загрузите файлы плагинов в каталог /wp-content/plugins/.
2. Активируйте плагин через экран «Плагины» в WordPress.
3. Используйте меню Настройки -> YEP для WordPress для изменения параметров по умолчанию.

Все остальное плагин сделает сам, достаточно просто вставить URL видео в поле редактора. Но для дополнительной кастомизации, вы можете использовать шорткоды:

Простой шорткод: [yep_youtube] 5Fv19KVVya8 [/ yep_youtube]

Кастомный размер: [yep_youtube width = ”800″ height =”460″] 5Fv19KVVya8 [/ yep_youtube]

Без элементов управления: [yep_youtube controls = ”0″] 5Fv19KVVya8 [/ yep_youtube]

Конфиденциальность: [yep_youtube nocookie = ”0″] 5Fv19KVVya8 [/ yep_youtube]

Старт с 92-ой секунды: [yep_youtube start = ”92″] 5Fv19KVVya8 [/ yep_youtube]

Старт с 92-ой секунды (альтернатива): [yep_youtube start = ”01:32 ″] 5Fv19KVVya8 [/ yep_youtube]

И конечно, вы можете объединять все эти (или только некоторые) атрибуты. Плагин был протестирован с классическим (TinyMCE) и блочным (Gutenberg) редакторами, а также с WordPress от 4.8.3 до 5.2.1. Скачать последнюю версию YEP for WordPress с сайта разработчика или репозитария WordPress. А если у вас есть какие-либо вопросы или идеи – как всегда, добро пожаловать в комментарии.

Popularity: 2%

Добавлено 31 мая 2019
Рубрика: Сайтостроителю
Метки: , ,

Если данный пост показался вам полезным или интересным, нажмите на одну из кнопок ниже - от vkontakte, facebook, tweeter или google+, чтобы о нем узнали ваши друзья. Спасибо!

Также рекомендую публикации, похожие на "YEP for WordPress"

Что нового в WordPress 5.1

WordPress 5.1 «Бетти» был выпущен 21 февраля 2019 года. Назван он в честь американской джазовой певицы Бетти Картер. WordPress 5.0 был загружен более 35 миллионов раз и сейчас 5.1 [...]

Что нового в WordPress 5

WordPress 5.0, названный в честь джазового музыканта Bebo, стал доступен с 6-го декабря 2018 года. Вы можете скачать его или обновиться автоматически через панель управления WordPress. Если вы [...]

Скидка 20% на все плагины Woocommerce

Дорогие друзья, рад сообщить вам что весь 2018 год предоставляю скидку 20% на все плагины и шаблоны с woocommerce.com. Чтобы воспользоваться данным предложением, вам нужно всего лишь перейти на [...]

Нет комментариев

No comments yet.

RSS feed for comments on this post.

Leave a comment