Бизнес блог Александра Быкадорова

Уменьшаем время загрузки сайта. Убираем код видео из сайтбара.

замена видео

Недельки две — три назад, ко мне обратилась женщина , с которой я прохожу свое очередное обучение. Зовут ее Ольга. Так вот, суть ее обращения сводился к следующему: можно ли уменьшить время загрузки сайта (блога)?

Об одном из способов я и расскажу в этой статье.

Всем привет, друзья. На связи — Александр Быкадоров.

Увеличиваем скорость загрузки блога

Способов, которые действительно существенно увеличиваю скорость загрузки существует большое количество. Давайте я лишь упомяну об некоторых из них:

  1. Установка плагина (кода) кэширования.

Об этих способах я писал в следующих статьях:

//alexandrbykadorov.ru/obzor-analiz-instruktsii/kak-uvelichit-skorost-zagruzki-sajta-skript-maxcache/

//alexandrbykadorov.ru/obzor-analiz-instruktsii/kak-uskorit-sajt/

Один из таких, а именно WP SuperCache, установлен и у меня.

  1. Переход на более быстрый хостинг.

Так как сейчас существует огромное количество всевозможных компаний, который предоставляют услуги хостинга (размещения) — вывод тут напрашивается очевидный. Надо выбирать самого быстрого.

хостинг

Вот оно — сердце вашего блога!

Но как понять, что та или иная компания обеспечит нас самым быстрым хостингом? Форуму и другие пользователи нам в помощь. Из своей же практики могу сказать, что те три хостера, с которыми мне доводилось работать  — имеют примерно одинаковую скорость загрузки сайтов.

  1. Оптимизирование программ.

Тут все просто и понятно. Устанавливать на ваш сайт или блог, только то ПО (программное обеспечение, плагины), которые жизненно необходимы для правильной работы сайта.

Больше чем уверен, что у каждого начинающего блогера, если провести ревизию его «админки» можно смело «выкинуть» добрую половину либо не нужных, либо просто не работающих в данный момент времени плагинов.

Следите за этим и уже сейчас проведите ревизию. Сделайте бэкап блога и базы данных и «грохнете» половину не нужных плагинов.

О том, как правильно делать бэкапы, я писал здесь:

//alexandrbykadorov.ru/obzor-analiz-instruktsii/blog-svoimi-rukami-zashhita-i-backup/

  1. Оптимизируйте изображения вашего блога.

Очень простой, но в то же время, весьма полезный совет. Я, когда подбираю изображения для своего блога, всегда подхожу к этому процессу с одной мыслью — изображение должно быть качественным, уникальным и «весить» не более 50 кБайт.

Не смотря на быстрый интернет, прогрузить картинку 50 кБайт один фиг легче, чем те же 500 кБайт, как не крути. А если таких картинок на странице — 10 или 50? То то же…

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

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

Убираем код видео из сайтбара

Все дело в том, что Ольга, размещала код видео, загруженного на свой канал в Youtube и… Смотрите видео, во общем.

Как видите, ничего сложного нет, но результат не заставил себя ждать.

Даже, если в сайтбаре разместить десяток таких «муляжей» видео, они будут «весить до 0,3 — 0,5 мБайта. Такая страница загрузиться если и не мгновенно, то по крайней мере в разы быстрее, чем та, которая будет брать эти самые картинки из стороннего сайта, в данном случае это (пусть далеко и не самый медленный) Youtube…

Итак, простая пошаговая инструкция для тех, кто не понял что надо делать из видео.

  1. Делаем скрин нашей картинки. Я использую для этого программу Snagit 10.

Вот мой обзор работы в этой программе:

//alexandrbykadorov.ru/obzor-analiz-instruktsii/rabota-v-graficheskom-redaktore-snagit-10/

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

 

Тогда канал, формирует изображение кадра с характерной для него кнопкой «Пуск» и возникает полное ощущение того, что перед вами проигрыватель Ютуба, а не фейковая картинка. Думаю, понятно объяснил.

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

  1. Загружаем это изображение в библиотеку медиафайлов.
  2. Вставляем этот код в то место в сайтбаре куда нам надо.

<noindex>

<a rel=»nofollow» href=»http://vk.com/vending_ideadengi» target=»_blank» title=»Бесплатный вебинар по вендингу»><img src=»//alexandrbykadorov.ru/wp-content/uploads/2015/01/Vebinar.jpg» ></a>

</noindex>

Вместо:  «http://vk.com/vending_ideadengi» — вставляем ту ссылку, куда будет перебрасывать при нажатии на картинку.

Вместо: «//alexandrbykadorov.ru/wp-content/uploads/2015/01/Vebinar.jpg» — вставляем путь к нашей картинки, которую мы сделали и загрузили во втором шаге.

Все!

Теперь у нас в сайтбаре имеется точная копия кадра из канала Ютуб (даже с кнопкой запуска и лейблом), но при этом вся эта не хитрая система работает в разы быстрее и выполняет практически ту же функцию.

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

Спасибо.

Понравился блог?
Получайте статьи на ПОЧТУ!

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

Александр Быкадоров

Большое спасибо, что читаете мои статьи и оставляете комментарии к ним. Активные комментаторы заносятся на доску почета.
Подробности здесь.
 
Хотите быть первым в курсе новостей, конкурсов на моем блоге?
Подпишитесь на канал RSS для получения новостей, нажав тут.

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

Социальные комментарии Cackle
  • Прикольно! Спасибо, Саша!
    А я вот пока не додумалась поставить видео в сайдбаре.

    Ответ
    • Галина, пожалуйста. Не обязательно размещать там кадр из видео. Можно так же поставить банер на ваш продукт или партнерку, да мало ли…
      Вы выпустили свой продукт?

      Ответ
  • Хорошая идея, но тогда получается что видео запустится не прям в сайдбаре , а перекинет на отдельную страницу, или на сам ютюб?

    Ответ
    • Руслан, если код прописать таким образом как я описал в посту — то да, перекинет на канал в ютубе, что так же хорошо, ибо ПФ (поведенческий фактор) не понизится. Будет открыта исходная вкладка и откроется релевантная на ваш канал.
      Если же убрать тэг target=»_blank», то откроется ютуб канал (ну или указанная вами ссылка) в этой же вкладе, что менее предпочтительнее.

      Ответ
  • Отличная идея, у меня пока нет видео в сайтбаре, хотя задумывалась о его размещении, теперь буду представлять, как имея такое видео, сохранить скорость открытия страниц. Очень интересная мысль.

    Ответ
    • Людмила, доброго дня.
      Как уже говорил — можно не только кадр из видео размещать… что угодно можно. Просто в разрезе данной статьи, я своими действиями убил двух зайцев. И описал один из вполне изящных способов размещения внешней ссылки и «спас» скорость загрузки главной (сквозной) страницы блога.

      Ответ
  • К сожалению, более быстрый хостинг всегда стоит дороже предыдущего, а если блог пока не приносит дохода? Нет, я останусь на прежнем хостинге, вот даже думаю, может что подешевле поискать. Раньше копирайтером подрабатывала, а сейчас дочурка подросла и всё внимание тянет на себя…не до бирж.
    А вот подчистить фото хорошая мысль. Спасибо.

    Ответ
    • Наталья, доброго дня.
      Да, действительно скорость хостинга может быть разной, но в то же время подобрать оптимальный вариант также можно.
      Но как я говорил, надо начать с внутренней оптимизации сайта.

      Ответ
  • Неплохой способ :) у меня есть видео на главной, но я даже не задумывался сколько он кушает Интернета и грузиться, привык уже к безлимитному скоростному интернету 😉
    Про хостинг понятно, но так лень его переносить :))
    А в целом неплохая статья нужно почитать остальные про оптимизацию блога 😉

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

    Ответ
    • Николай, а что именно оптимизировали и что дало наиболее явный результат?

      Ответ
  • Александр, здравствуйте! Скажите, вы написали, что три хостера, с которыми работали, давали приблизительно одинаковую скорость. Вы на самых «громких» размещались? И как было с администрированием? Мне очень советуют adminvps.ru. Говорят, техподдержка улётная просто. А мне нужно, потому что я не силён и помощь, скорее всего понадобится. может, работали вы с ними?

    Ответ
    • Доброго дня.
      Да, я сейчас на админвпс — ничего плохого сказать не могу. ТП действительно хорошо работает.

      Ответ

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

Ваш email не будет опубликован. Обязательные поля помечены *