В этой статье мы рассмотрим подключения бесплатного тарифа сети доставки контента CDN Cloudinary для повышения производительности вашего сайта на вордпресс.
Содержание
Что такое CDN Cloudinary?
CDN( content delivery network) сеть доставки контента на ваш сайт , в первую очередь статических файлов, например картинок и видео из удаленного облачного хранилища.
CDN Cloudinary — это платформа для управления медиафайлами, которая позволяет обрабатывать, хранить и доставлять изображения и видео быстро и легко
Такая доставка позволяет быстро загружать изображения и другие медиафайлы.
Посетители получают быстрый доступ к необходимому содержимому. Производительность сайта и скорость загрузки страниц существенно повышается.
Кроме этого CDN становится местом хранения ваших файлов, вместо дорогостоящего и ограниченного пространства на хостинге, который используется вашим сайтом.
CDN Cloudinary – это одна из ведущих платформа для управления медиафайлами, которая позволяет обрабатывать, хранить и доставлять изображения и видео быстро и легко.
Кроме доставки контента, сеть Cloudinary предоставляет множество инструментов для оптимизации изображений и видео.
Например, для сжатия файлов, для уменьшения их размера и для преобразования в более выгодные для быстрой загрузки форматы.
Наверняка все читали рекомендации ГУГЛ использовать на сайте современные форматы изображений WebP и AVIF вместо привычных jpeg и png.
Файлы этих форматов имеют меньший размер и быстрее грузятся. ГУГЛ постоянно намекает, что страницы имеющие картинки формата WebP получат больше возможностей в поисковой выдаче.
Но как безболезненно перейти на использование картинок в формате WebP, если у вас на сайте за годы загружены тысячи картинок в формате jpeg?
Обычно вебмастера, для конвертации старых картинок в формате jpeg в рекомендованный формат WebP устанавливают плагин. Но к сожалению не каждый хостинг поддерживает его работу.
Но сеть CDN Cloudinary успешно решает проблему конвертации jpeg в WebP. Все ваши загруженные ранее картинки, как и новые будут автоматом преобразованы в формат WebP.
Бесплатный тариф CDN Cloudinary
Еще один плюс платформы CDN Cloudinary — наличие бесплатного тарифного плана. Конечно, такой вариант не сможет покрыть трафик и объемы доставляемых файлов большого портала.
Но для небольшого сайта с картинками его должно хватить.
Платформа на бесплатном тарифе предлагает:
- Управляемое хранилище ваших файлов-25 Гб,или
- 25 тыс. ежемесячных трансформаций или
- Пропускная месячная способность сети для просмотра-25 Гб
В перечне указано «или» потому что для подсчета оказанных услуг по доставке и трансформации медиафайлов используется не очень простая система кредитов.
На бесплатном тарифе вы получите 25 кредитов на месяц работы. Кредиты будут распределены с учетом объема файлов, числом трансформаций и трафиком.
То есть если трафик будет высоким, то что бы вписаться в бесплатный тариф количество трансформаций будет предоставлено меньшим.
Что считается трансформацией? Например, таковой будет считаться загрузка изображения или конвертирование его в другой формат.
Вы можете прочесть более подробно о системе подсчета кредитов на сайте платформы.
Количество кредитов в бесплатном тарифе можно увеличить поделившись ссылкой в фейсбуке и твиттере, или отправив ссылку другу и тот зарегистрируется на платформе.
25 кредитов, это много или мало? Какой объем картинок можно будет загружать из CDN Cloudinary?
Я могу судить об этом только приблизительно.
Например, месяц назад я подключил CDN Cloudinary на свой сайт,
после очередного напоминание от хостинга, что свободное место на диске оканчивается, и пора переходить на более дорогой тариф.
На сайте, в тот момент у меня находился общий объем всех файлов, 1,7 Гб числом 3,5 тыс.
После регистрации я поделился ссылками в твиттере и фейсбуке, увеличив число кредитов до 37.
Этого количества хватило с небольшим избытком для доставки картинок из облака на сайт в течение месяца.
Как подключить CDN Cloudinary
Во-первых, переходим на сайт Cloudinary и регистрируемся. Если английским владеете не очень, то в браузере у вас должен быть установлен ГУГЛ Translate.
Поддержки русского в интерфейсе нет, и вы просто запутаетесь в настройках.
При регистрации указывает все что потребуется, в том числе ссылку на ваш сайт. Вам нужно будет подтвердить что это сайт ваш.
Для этого придется загрузить в корень сайта предложенный текстовый файл.
Далее вы получите API ключ. Скопируйте и сохраните его.
Если сайт, который вы собираетесь подключить работает на вордпресс, то вам остается только установить и активировать плагин Cloudinary – Image and Video Optimization, Manipulation, and Delivery
Плагин позволит подключиться к CDN на полном автомате. Вам останется лишь немного поколдовать с настройками.
После установки плагина вам потребуется ввести секретный ключ, полученный при регистрации и указать в настройках, что вы хотите оптимизировать.
В настройках плагина есть пункт «подключить автоматически». Можете им воспользоваться, что бы начать загрузку файлов, которые уже были загружены ранее в медиатеку вордпресс.
Плагин перенесет эти файлы в облачное хранилище Cloudinary и будет загружать их на сайт уже из облака. Причем автоматически файлы jpeg будут преобразованы в WebP.
Процесс переноса файлов в облако будет длиться какое-то время. У меня полный перенос (1,7Гб) продолжался около суток.
В настройках вам нужно будет указать из какого хранилища нужно загружать файлы.
Вариантов три:
- Cloudinary и Вордпресс;
- Cloudinary и Вордпресс( низкое разрешение);
- Только Cloudinary
Вероятно лучший вариант — второй. Основная загрузка будет идти из облака. Загрузка из Вордпресс с низким разрешением является резервным каналом доставки на случая сбоя.
Окно загрузки медиафайлов будет дополнено окном загрузки из Cloudinary. То есть вы можете загрузить файлы на платформе(в облаке), и они отобразятся у вас на сайте.
Но вы можете продолжать грузить картинки по-прежнему в медиатеку вордпресс. Плагин перенесет их в облако.
Учтите, что при подключении автоматически плагин подключит доставку на сайт не только картинок, но и буквально всех файлов имеющихся на сайте, то есть плагинов и файлов темы.
Для скорости доставки вероятно это хорошо. Но только ваши бесплатные кредиты быстрее окончатся.
Я например из всех вариантов оставил только доставку и оптимизацию изображений. Вероятно что и оптимизацию можно отключить. В общем, поэкспериментируйте.
Учтите что выставив в настройках доставку из Cloudinary и Вордпресс, доставка будет идти из облака. Но если вы решите удалить плагин, то без проблем вернетесь к прежней загрузки картинок из медиатеки на сайте.
А если у вас огромный бизнес-проект с множеством файлов? Тогда вам стоит подумать о том, что бы перейти на платный тарифный план, изучив на сайте все его условия.
Доставка картинок и повышение производительности сайта не единственный конек Cloudinary. Платформа предлагает множество других операций с файлами.
Например, облачный анализ контента, удаление фона, обнаружения лиц на фото и множество других. Которые мне, впрочем, пока не нужны.
