Оптимизируем видео с YouTube и изображение на сайте + 💽

Оптимизация картинок для сайта и видео (статья + видео)

Ленивая загрузка изображений и видео на сайте

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

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

Оптимизируем видеоматериалы в статье, и оптимизация картинок для сайта

Ленивая загрузка изображений и видеоматериалов поможет вашему сайту взлететь в скорости, все достаточно просто, только читайте и экспериментируйте.

Как вы поняли, что видео значительно нагружает вашу страницу из-за обращений к серверам YouTube или Vimeo. А если вы не знаете, что ваше видео прилично нагружает страницу, тогда произведите анализ вашей страницы с видео и без.

Как вставить видео с YouTube или Vimeo? Просто скопируйте адрес ссылки видеоматериала и вставьте себе на страницу, или создайте свой ютуб канал специально для своего сайта. Следующие материалы могут помочь в продвижении и оптимизации, только полезные записи по данной теме

  1.  В этой записи будут видеоматериалы, которые вы сможете посмотреть, и перейти почитать подробнее статью (инструменты для подбора ключей YouTube и до статьи).
  2. Вторая статья подскажет расширение и программу для скачки видео со соц сетей и YouTube на приличной скорости. Это на тот случай, если вы захотите создать свой ютуб канал.
  3. А также ещё упомню данную статью для анализа сайта, то есть о ТОП трех сайтах для хорошего анализа сайта, или же взгляните на полную статью, где собрано все статьи по анализу сайту.
  4. Также была написана статья, где было собрано 13 видеоматериалов для более продуктивной работы на YouTube канале «приятного просмотра)».

Плагины для оптимизации изображений и видео на wordpress

Итак, ближе к теме «ТОП 3 плагина для оптимизации», как картинок, так и видеоматериала.

А3 Lazy Load оптимизация картинок для сайта

Оптимизация картинок для сайта, в данный момент очень важный элемент, если хотите уменьшить нагрузку на свой хостинг. Он загружает картинку в режиме lazy-load, другими словами ленивая загрузка. А в данном случае это ленивая загрузка изображений и видео. Настройки в А3 Lazy Load я оставил стандартные, кроме заголовка «Эффекты и стили» здесь я применил свой цвет — это то, каким цветом будет подгружаться ваша картинка к показу). И также изменил «Порог старта загрузки изображений» поставил сотню, это вы сможете посмотреть на рисунку ниже.

На изображении показано (эффект загрузки для загрузки картинки))


Плагин Lazy Load for Videos.

Этот плагин ускоряет страницы за счет того, что делает изображение кликабельным и без лишних обращений к сервису видео хостинга. Только по клике по картинке идет обращение, то есть таким образом снижается нагрузка на страницу, но данный плагин у меня корректно не пошел из-за футера. По такому принципу работает и WP YouTube Lyte.


Плагин WP YouTube Lyte.

С этим плагин мне пришлось повозиться, скажу честно. Но для вас я изложу правильный путь по скриншотам — дело в том, что этот плагин просит API key от YouTube. Переходим по данной ссылке.

Далее ищем «YouTube Data API v3».

Плагин WP YouTube Lyte оптимизировать видео для сайта и изображение

На следующей странице жмем «включить» затем откроется новая страница, потом клацаем «создать», далее в открывшейся вкладке выбираем «YouTube Data API v3» во следующей строке «Веб-сервер (например, node.js, Tomcat)» ниже жмем на галочку, «Общедоступные данные» и выбрать тип учетных данных.

WP YouTube Lyte как оптимизировать видео

После проделанной работы, мы получаем рабочий API key и вставляем в WP YouTube Lyte.

WP YouTube Lyte - плагины для оптимизации изображений wordpress

Чем плагин WP YouTube Lyte хорош, вкратце.

  1. Он достает микроданные с YouTube с помощью API key, это хорошо для роботов, когда будут пробегать по вашей странице и видеть, не просто изображение (про изображение будет ниже подробнее), которое показывается в первую очередь, а полностью всю информацию о содержании видео, это значительно улучшает понимание вашего контента.
  2. Можно добавить текст ниже видео, то есть пояснить, что нужно клацнуть на видеоролик два раза, как это сделано у меня со всплывающим эффектом с плагином shortcodes. А настроить текст можно в настройках у самого плагина «WP YouTube Lyte» под ссылкой «Text to be added under every LYTE video», или перевести страницу в Google Chrome, и вы увидите переклад, как на изображении выше, а также не забываем чистить кеш после своих изменений.
  3. Чтобы оптимизировать видео для сайта, этот плагин идеальный, как на меня по одной причине, что WP YouTube Lyte делает скришот видеоролика и прячет видеоматериал под этим скришотом, что это нам дает? Уменьшение ответов к серверам YouTube при загрузке страницы, а точнее их нет пока пользователь не нажмет на видео.
  4. Но вы должны знать, возможно у вас, как и в меня будут некоторые проблемы, то есть в каждом видео нужно изменять адрес с https:// на httpv://. Это вы можете посмотреть в wordpress, но все же у меня автоматически так сказать периодами работает, то есть без ручного изменения. Но я вам не рекомендую менять адреса, так как если сбросите или пойдут какие-то проблемы с плагином, то видео будут не рабочими.
  5. Но здесь есть свой существенный минус для пользователей, то есть не каждый пользователь может догадаться, что ему нужно к просмотру видео клацнуть два раза, чтобы видео пошло, а ниже прочесть информацию он не захочет или не увидит, так что есть существенный минус в таком способе оптимизации статьи.

Вот на этой точке мы приходим к концу, данной обзорной темы «плагины для оптимизации изображений и видео на базе wordpress«.

Заключение — ленивая загрузка изображений и видео на wordpress «оптимизация картинок для сайта».

Оптимизировать видео для сайта нужно, а особенно для мобильных устройств, если правда ваша тема оптимизирована под мобильный аппарат. Но суть такая, что я использую с данной статьи, только плагин А3 Lazy Load. Lazy Load for Videos он мне не подошел.

Если у вас остались непонятные детали задайте их в комментариях №1

А также посмотрите следующие статьи.

  1. Бесплатная накрутка YouTube канала 2 программы и + 2 Видео.
  2. ТОП полезных расширения для Вебмастера и Пользователя +💽.
  3. Сколько можно заработать на YouTube.
  4. Мои 7 инструментов для ведения сайта + видео.
  5. ТОП 15 инструментов для ВЕБМАСТЕРОВ.

Читайте также:

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

Ваш адрес email не будет опубликован.