Как ускорить сайт 1. Бесплатное облако CDN

Владимир Вокстермен

Всем здравствуйте!

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

А теперь к самому действию. Часть картинок на вашем ресурсе являются статичными. К таким я отнесу изображения логотипа, изображения слайдера (например, revolution slider позволяет использовать изображения по ссылке), многие изображения шапки и подвала (header.php и footer.php). Даже картинки которые вы используете на страницах блога могут и должны(!) храниться в облачном хранилище.

Для чего это надо?

Дело в том, что изображения существенно увеличивают время загрузки сайта из-за своего веса. Если вы прогоните свой сайт через сервис проверки скорости Google Pagespeed, то наверняка наткнетесь на рекомендацию «Оптимизируйте изображения».

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

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

Что же делать с «Оптимизируй изображения»?

1. Для начала нужно его оптимизировать:)
Для этого я пользуюсь ресурсом оптимизации изображений optimizilla. Он достаточно прост в использовании и не требует отдельных инструкций.

Online Image Optimizer

2. Нужно разместить картинку в облаке CDN.
Существует множество сервисов, предоставляющие эту услугу. Мой выбор пал на бесплатный сервис, который позволяет работать с облаком прямо из админ-панели wordpress (т.е. существует плагин wordpress cdn). О самом сервисе чуть позже.

3. Заменить ссылки картинок, на ссылки взятые из cdn.
Например, раньше ссылка на логотип была вида вашсайт.ru/logo.png, а теперь она будет выглядеть облако.com/logo.png.

Бесплатное облако CDN

Итак, какой нам нужен сервис я описал выше. Теперь знакомьтесь, бесплатное облако cdn wordpress cloudinary.

Удобно не только тем, что бесплатный тарифный план позволяет разместить 75000 изображений, но и тем, что создан специальный плагин для работы с файлами из админки.

Как работать с облаком

1. Зарегистрируйтесь в сервисе cloudinary по ссылке.
Да, это реферальная ссылка. Регистрируясь по ней, вы говорите мне спасибо:).

2. Скачайте и установите плагин по ссылке или найдите в репозитории wordpress по запросу «Cloudinary Media Library».
Думаю, с этим не возникнет вопросов.

3. Активируйте плагин и заполните CLOUDINARY_URL. Его вы берете на сайте cloudinary по ссылке https://cloudinary.com/console. Здесь нас интересует поле Environment variable. Просто нажимаем на ссылку справа, копируем и вставляем в админ-панели wordpress в настройках плагина.

optimized-l3ts

4. После активации плагина в вашем редакторе страниц и записей появиться плашка Cloudinary Upload/Insert. Нажав на нее вы можете загружать картинки и вставлять их из облака.

1111

Загружайте и удаляете изображения. Пользуйтесь на здоровье.

Что еще следует знать

1. Вы можете загружать до 75000 изображений бесплатно.
2. У сервиса есть реферальная программа, где вы сможете получать дополнительное количество загружаемых фото за лайки, репосты, зарегистрированных пользователей.
3. Вы получаете десяток аддонов, таких как оптимизация изображений, обрезка и прочее. Причем аддоны также имеют бесплатные тарифные планы.

121

При необходимости сниму видеоурок. Пока же краткий опрос, а нужен ли он.

[poll id=»13″]

Спасибо за внимание! Вперед, к оптимизированным сайтам!

Поставьте оценку автору!

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

УжасноПлохоСреднеХорошоОлтично! (3 оценок)
Загрузка...
10 Комментариев
  1. Влас
    05.02.2017 at 23:03

    Основная проблема в том, что нет много минусов:
    1. добавить изображение в посты — ДА! А вот в миниатюру — НЕТ!
    2. Ссылка в посте — ДА! А вот ссылки в на выбор изображения в любом необходимом месте НЕТ!
    Конечно же можно расковырять код. Но если ставишь плагин и у тебя ещё столько минусов то возникает большой большой вопрос — ЗА-ЧЕМ? )))) А сама идея хороша.

    • Владимир Вокстермен
      Владимир ВокстерменОтветить
      05.02.2017 at 23:09

      1. Поковырять код и все получится даже с миниатюрами.
      2. Чтобы картинки загружались быстрее.

      • Влас
        06.02.2017 at 01:32

        Владимир я то поковыряюсь и найду ещё 1000 решений проблемы. А вот Вы пишите для посетители блога которые вряд ли смогут. По-этому и советую Вам расширить эти возможности. Они очень важны. Достаточно конечно же добавить в возможность выбора изображения в стандартном варианте «Библиотеке файлов». Если будет время реализовать — то обязательно поделюсь. ))))

        • Влас
          08.02.2017 at 03:46

          Оказалось всё гораздо проще. Вам необходимо описать вариант последних возможностей плагина «Cloudinary — Image management and manipulation in the cloud». Сейчас в нём есть возможность переместить все свои файлы из раздела «Библиотека файлов» нажав на надпись «Upload to Cloudinary» и все изображения будут перенесены. Ну остальное разъясняйте сам. Это же Ваш блог. ))))

  2. Александр
    20.09.2016 at 19:56

    Прочел статью.Решил попробовать . Дело в том что я планирую грузить много фотографий у себя на сайте. Вроде бы все получилось, регистрация, настройки, скачал и установил плагин «Cloudinary — Image management and manipulation in the cloud» . Одиночные файлы вставляются в запись нормально. А вот «создать галерею» через плашку Cloudinary Upload/Insert почему то никак. Если можно то просветите пожалуйста. Видеоурок по этому сервису тоже не помешал бы.
    Спасибо

    • Владимир Вокстермен
      Владимир ВокстерменОтветить
      05.02.2017 at 23:07

      Извините за задержку с ответом, но скажуЮ при большом кол-ве изображений вам придется пользоваться платными тарифами CDN, особенно когда речь о большом количестве загружаемых файлов.

  3. К
    22.06.2015 at 20:29

    Класс! Очень интересно Вас читать и полезно для себя )

    • ushi
      22.06.2015 at 21:16

      Спасибо, Катя! Заходите еще.

  4. zmoe
    20.06.2015 at 11:33

    А вам не кажется, что таким образом из статьи будет куча внешних ссылок, оно нам надо?

    • ushi
      20.06.2015 at 12:19

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

      Но на всякий случай заключил их в nofollow, спасибо!

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

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

Ваше сообщение*

Имя*
Email*
Сайт