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

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

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

Прилагаю видеоматериал о данном проекте

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

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

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

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

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

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

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

Итак, если вы все же хотите показывать не свое видео, как это делаю я. Но я делюсь ссылкой на тот канал с которого было взято видео и это хорошо мне, что я могу дать пользователю больше чем просто текст, а для владельца канала хорошо, что на тот канал будут идти с моего сайта целевые посетители. Если вы будете брать видео чужое так сделайте и ему приятно, то есть давайте ссылку на тот канал с которого было взято видео, ну да ладно я уже очень сильно отошел од темы приношу свои извиненияsmayl-strakh-i-perezhivaniya-animatsionnaya-kartinka-0011.

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

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

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

Оптимизация картинок для сайта в данный момент очень важный элемент и в этом деле вам прекрасно поможет данный плагин. Он загружает в режиме lazy-load, то есть ленивая загрузка. А в данном случае это ленивая загрузка изображений и видео с помощью WP YouTube Lyte. Настройки в А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, но все же у меня автоматически так сказать периодами работает, то есть без ручного изменения. Но я вам не рекомендую менять адреса.

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

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

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

 

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

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

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

На видео вы увидите про эти плагины BJ Lazy Load и A3 Lazy Load.

Planeta-zarabotka.ru ПОДСТАВКА ДЛЯ ПЛЕЕРА

Видео взято здесь.

Если вы нашли ошибку в тексте, пожалуйста сообщите о ней, выделите фрагмент текста и нажмите Ctrl+Enter.
С Уважением Planeta-Zarabotka.Ru

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

Оставить комментарий

  Подписаться  
Уведомление о

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: