Как ускорить доставку активов WordPress с помощью CDN DigitalOcean Spaces

Вступление

Внедрение CDN, или C ontent D elivery N etwork, для доставки статических ресурсов вашего сайта WordPress может значительно уменьшить использование пропускной способности ваших серверов, а также ускорить время загрузки страницы для географически рассредоточенных пользователи. К статическим ресурсам WordPress относятся изображения, таблицы стилей CSS и файлы JavaScript. Используя систему пограничных серверов, распространяемых по всему миру, CDN кэширует копии статических данных вашего сайта. ресурсы по всей сети, чтобы уменьшить расстояние между конечными пользователями и этим контентом, интенсивно использующим пропускную способность.

В предыдущем руководстве по решениям, How для хранения активов WordPress в пространствах DigitalOcean, мы рассмотрели разгрузку Медиа-библиотека сайта WordPress (где хранятся изображения и другое содержимое сайта) в DigitalOcean Spaces, сервис хранения объектов с высокой избыточностью. Мы сделали это с помощью DigitalOcean Spaces Sync плагина, который автоматически синхронизирует загрузки WordPress на ваш Space, позволяя вам удалить эти файлы с вашего сервера и освободить диск пространство.

В этом руководстве Solutions мы расширим эту процедуру, включив CDN Spaces и переписав URL-адреса ресурсов библиотеки мультимедиа. Это заставляет браузеры пользователей загружать статические ресурсы непосредственно из CDN, географически распределенного набора серверов кеша, оптимизированных для доставки статического контента. Мы рассмотрим, как включить CDN для Spaces, как переписать ссылки для обслуживания ваших ресурсов WordPress из CDN, и, наконец, как проверить, правильно ли ресурсы вашего сайта доставляются CDN.

Мы продемонстрируем, как реализовать разгрузку библиотеки мультимедиа и переписывание ссылок с помощью бесплатного плагина Spaces Sync с открытым исходным кодом. Мы также рассмотрим, как это сделать, используя два популярных платных плагина WordPress: * https: //deliciousbrains.com/wp-offload-s3/ [WP Offload Media] * и * https: //maxgalleria.com/downloads/media -library-plus-pro / [Папки библиотеки мультимедиа Pro] *. Вы должны выбрать плагин, который лучше всего соответствует вашим производственным потребностям.

Предпосылки

Перед тем, как начать этот урок, у вас должна быть запущенная установка WordPress поверх стека LAMP или LEMP. Вы также должны установить WP-CLI на своем сервере WordPress, который вы можете научиться настраивать, следуя https://www.digitalocean.com/community/tutorials/how- to-back-up-wordpress-site-to-space # использование плагинов для создания резервных копий [эти инструкции].

Чтобы разгрузить медиатеку, вам понадобится DigitalOcean Space и пара ключей доступа:

Чтобы узнать, как создать пространство, обратитесь к the документация продукта Spaces.
Чтобы узнать, как создать пару ключей доступа и загрузить файлы в ваш Space с помощью инструмента + s3cmd + с открытым исходным кодом, обратитесь к s3cmd 2.x Setup. , также на сайте документации по продукту DigitalOcean.

Есть несколько плагинов WordPress, которые вы можете использовать для разгрузки своих ресурсов WordPress:

* https: //wordpress.org/plugins/do-spaces-sync/ [DigitalOcean Spaces Sync] * - бесплатный плагин WordPress с открытым исходным кодом для выгрузки вашей медиатеки в пространство DigitalOcean. Вы можете узнать, как это сделать, в How для хранения активов WordPress в пространствах DigitalOcean.
* https: //deliciousbrains.com/wp-offload-media/ [WP Offload Media] * - это платный плагин, который копирует файлы из вашей библиотеки мультимедиа WordPress в DigitalOcean Spaces и переписывает URL-адреса для обслуживания файлов из CDN. С помощью дополнения Assets Pull он может идентифицировать ресурсы (CSS, JS, изображения и т. Д.), Используемые вашим сайтом (например, темами WordPress), а также обслуживать их из CDN.
* https: //maxgalleria.com/downloads/media-library-plus-pro/ [Media Library Folders Pro] * - еще один платный плагин, который поможет вам организовать ресурсы вашей медиатеки, а также выгрузить их в DigitalOcean Spaces.

Настоятельно рекомендуется использовать custom domain с пробелами CDN. Это значительно улучшит поисковую оптимизацию (SEO) для вашего сайта, сохраняя URL-адреса ваших выгруженных ресурсов аналогичными URL-адресам вашего сайта Wordpress. Чтобы использовать пользовательский домен с CDN Spaces, необходимо сначала добавить домен в свою учетную запись DigitalOcean:

Чтобы узнать, как это сделать, обратитесь к How для добавления доменов.

В целях тестирования убедитесь, что на вашем клиенте установлен современный веб-браузер, такой как Google Chrome или Firefox ( например ноутбук.

После того, как вы запустили установку WordPress и создали DigitalOcean Space, вы готовы включить CDN для вашего Space и начать с этого руководства.

Включение пробелов CDN

Мы начнем это руководство с включения CDN для вашего DigitalOcean Space. Это не повлияет на доступность существующих объектов. Если CDN включен, объекты в вашем пространстве будут «вытеснены» в пограничные кэши по сети доставки контента, и вам будет доступен новый URL-адрес конечной точки CDN. Чтобы узнать больше о том, как работают CDN, обратитесь к Использование CDN для ускорения доставки статического контента. .

Во-первых, включите CDN для вашего Пространства, выполнив How для включения CDN Пространств.

Если вы хотите использовать пользовательский домен с CDN Spaces (рекомендуется), создайте запись CNAME поддоменов и соответствующие сертификаты SSL, следуя https://www.digitalocean.com/docs/spaces/how-to/customize-cdn- конечная точка [Как настроить конечную точку CDN Spaces с поддоменом]. Запишите субдомен, который вы будете использовать с CDN Spaces, поскольку нам нужно будет использовать его при настройке плагина разгрузки ресурсов WordPress.

Вернитесь в свое пространство и перезагрузите страницу. Вы должны увидеть новую ссылку * Endpoints * под своим именем пространства:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/endpoints_link.png [ссылка на конечную точку]

Эти конечные точки содержат ваше имя пространства. Мы используем ++ в этом уроке.

Обратите внимание на добавление новой конечной точки * Edge *. Эта конечная точка направляет запросы к объектам Spaces через CDN, максимально обслуживая их из пограничного кэша. Запишите эту конечную точку * Edge *, которую вы будете использовать для настройки вашего плагина WordPress на следующих этапах. Если вы создали поддомен для CDN Spaces, этот поддомен является псевдонимом для конечной точки * Edge *.

Теперь, когда вы включили CDN для вашего Space, вы готовы приступить к настройке плагина разгрузки ресурсов и перезаписи ссылок.

Если вы используете синхронизацию DigitalOcean Spaces и продолжаете с How для хранения ресурсов WordPress в пространствах DigitalOcean , начните читать со следующего раздела. Если вы не используете Spaces Sync, перейдите по ссылке https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces-cdn#wordpress -offload-media-plugin [раздел WP Offload Media] или https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces-cdn# media-library-folder-pro-and-cdn-enabler-plugins [раздел Pro Media Library Folders], в зависимости от используемого вами плагина.

Плагин синхронизации пространств

Если вы хотите использовать бесплатные плагины DigitalOcean Spaces Sync и CDN Enabler с открытым исходным кодом для обслуживания файлов из пограничных кешей CDN, выполните действия, описанные в этом разделе.

Мы начнем с того, что убедитесь, что наша установка WordPress и плагин Spaces Sync настроены правильно и обслуживают ресурсы из DigitalOcean Spaces.

Изменение конфигурации плагина синхронизации пространств

Продолжая с How для хранения ресурсов WordPress в пространствах DigitalOcean, Ваша медиатека должна быть выгружена в DigitalOcean Space, а настройки плагина синхронизации Spaces должны выглядеть следующим образом:

изображение: https: //assets.digitalocean.com/articles/do_spaces_sync_plugin/sync_cloud_only.png [Синхронизировать только облако]

Если вы еще не завершили How для хранения ресурсов WordPress в руководстве по DigitalOcean Spaces, вы по-прежнему можете следовать этому руководству, установив плагин Spaces Sync с помощью установщика плагина built-in. Если вы обнаружите какие-либо ошибки, пожалуйста, обратитесь к инструкциям в этом обязательном руководстве.

Мы собираемся внести некоторые незначительные изменения, чтобы наша конфигурация позволяла нам выгружать темы WordPress и другие каталоги за пределы папки + wp-content / uploads + Media Library.

Во-первых, мы собираемся изменить поле * Полный URL-путь к файлам *, чтобы файлы библиотеки мультимедиа подавались из CDN нашего пространства, а не локально с сервера. Этот параметр по существу перезаписывает ссылки на ресурсы библиотеки мультимедиа, превращая их из ссылок на файлы, размещенных локально на вашем сервере WordPress, в ссылки на файлы, размещенные на CDN DigitalOcean Spaces.

Вспомните конечную точку * Edge *, которую вы отметили в https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces-cdn#enabling-spaces -cdn [Включение пробелов CDN] шаг. Если вы используете собственный поддомен с CDN Spaces, вы будете использовать этот поддомен вместо конечной точки Edge.

В этом руководстве имя пространства равно ++, а конечная точка пространства CDN:

https://..cdn.digitaloceanspaces.com

Теперь на странице настроек плагина синхронизации Spaces замените URL-адрес в поле * Полный URL-путь к файлам * на конечную точку CDN Spaces, а затем на «+ / wp-content / uploads +».

В этом руководстве с использованием вышеуказанной конечной точки Spaces CDN полный URL будет:

https://..cdn.digitaloceanspaces.com/wp-content/uploads

Если вы используете собственный поддомен, скажем + https: // +, полный URL будет выглядеть следующим образом:

https:///wp-content/uploads

Далее, в поле * Local path * введите полный путь к каталогу + wp-content / uploads + на вашем сервере WordPress. В этом уроке путь к установке WordPress на сервере + / var / www // +, поэтому полный путь к + uploads + будет + / var / www // wp-content / uploads + ,

В поле * Storage prefix * мы введем + / wp-content / uploads +, что позволит нам построить правильную иерархию каталогов + wp-content +, чтобы мы могли разгрузить другие каталоги WordPress в эту папку. Космос.

Filemask * может оставаться с подстановочными знаками + * +, если вы не хотите исключать определенные файлы.

Нет необходимости проверять * Store files только в облаке и удалять… * вариант; установите этот флажок только в том случае, если вы хотите удалить ресурсы библиотеки мультимедиа со своего сервера после их успешной загрузки в ваше DigitalOcean Space.

Ваши окончательные настройки должны выглядеть примерно так:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/modified_sync_settings.png [Настройки синхронизации финальных пробелов]

Обязательно замените вышеуказанные значения значениями, соответствующими вашей установке WordPress и конфигурации Spaces.

Наконец, нажмите * Сохранить изменения *.

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

Будущее * Загрузки WordPress Media Library теперь должны синхронизироваться с вашим DigitalOcean Space и обслуживаться с использованием сети доставки контента Spaces.

На этом этапе мы не выгружали тему WordPress или другие ресурсы + wp-content +. Чтобы узнать, как перенести эти активы в Spaces и обслуживать их с помощью CDN Spaces, перейдите по ссылке https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean -spaces-cdn # offloading-Additional-assets- (необязательно) [Выгрузка дополнительных активов].

Чтобы проверить и проверить, доставляются ли ваши медиатеки из CDN Spaces, перейдите по ссылке https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean. -spaces-cdn # testing-cdn-caching [Тестирование CDN-кэширования].

WordPress Offload Media Плагин

Разгрузочный носитель WordPress DeliciousBrains plugin позволяет быстро и автоматически загружать ресурсы медиатеки в DigitalOcean Spaces и переписывать ссылки на эти ресурсы, чтобы вы могли доставлять их напрямую из Пространства или через CDN. Кроме того, The Adds Pull Assets позволяет быстро выгружать дополнительные ресурсы WordPress, такие как JS, CSS и файлы шрифтов в сочетании с pull CDN. Настройка этого дополнения выходит за рамки данного руководства, но для получения дополнительной информации вы можете обратиться к документации the DeliciousBrains.

Начнем с установки и настройки плагина WP Offload Media для примера сайта WordPress.

Установка WP Offload Media Plugin

Для начала вы должны приобрести копию плагина на сайте DeliciousBrains plugin site. Выберите подходящую версию в зависимости от количества ресурсов в медиатеке, а также требований к поддержке и функциям для вашего сайта.

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

Загрузите плагин и перейдите к интерфейсу администратора вашего сайта WordPress (+ https: /// wp-admin +). Войдите в систему, если это необходимо. Отсюда наведите курсор мыши на * Плагины * и нажмите * Добавить новый *.

Нажмите * Загрузить плагин * и в верхней части страницы * Выберите Файл *, а затем выберите ZIP-архив, который вы только что загрузили.

Нажмите * Установить сейчас *, а затем * Активировать плагин *. Вы попадете в интерфейс администратора плагина WordPress.

Отсюда перейдите на страницу настроек плагина WP Offload Media, нажав * Настройки * под именем плагина.

Вы попадете на следующий экран:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_storage_provider.png [WP Offload Media Configuration]

Нажмите переключатель рядом с * DigitalOcean Spaces *. Теперь вам будет предложено либо настроить ключ доступа к Spaces в файле + wp-config.php + (рекомендуется), либо непосредственно в веб-интерфейсе (последний сохранит ваши учетные данные Spaces в базе данных WordPress).

Мы настроим наш ключ доступа к Spaces в + wp-config.php.

Войдите на свой сервер WordPress через командную строку и перейдите в корневой каталог WordPress (в этом руководстве это + / var / www / html +). Отсюда откройте + wp-config.php + в вашем любимом редакторе:

sudo nano wp-config.php

Прокрутите вниз до строки, которая говорит `+ / * Вот и все, прекратите редактирование! Приятного ведения блога. * / + `, и перед тем, как вставить следующие строки, содержащие вашу пару ключей доступа к пробелам (чтобы узнать, как создать пару ключей доступа, обратитесь к https://www.digitalocean.com/docs/spaces/how-to/administrative -access / # access-keys [Spaces product docs]):

WP-config.php

. . .
define( 'AS3CF_SETTINGS', serialize( array(
   'provider' => 'do',
   'access-key-id' => '',
   'secret-access-key' => '',
) ) );

/* That's all, stop editing! Happy blogging. */
. . .

Когда вы закончите редактирование, сохраните и закройте файл. Изменения вступят в силу немедленно.

Вернувшись в интерфейс администратора плагина WordPress Offload Media, установите переключатель рядом с * Определить ключи доступа в wp-config.php * и нажмите * Сохранить изменения *.

Вы должны перейти на следующий интерфейс:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_bucket_selection.png [Выбор корзины выгрузки WP]

На этой странице конфигурации выберите соответствующий регион для вашего пространства, используя раскрывающийся список * Region *, и введите свое имя пространства рядом с * Bucket * (в этом руководстве наше пространство называется + wordpress-offload +).

Затем нажмите * Save Bucket *.

Вы попадете на главную страницу конфигурации WP Offload Media. В верхней части вы должны увидеть следующее окно с предупреждением:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_license.png [Лицензия WP Offload]

Нажмите * введите свой лицензионный ключ * и на следующей странице введите лицензионный ключ, указанный в квитанции электронной почты или на странице оформления заказа, и нажмите * Активировать лицензию *.

Если вы ввели лицензионный ключ правильно, вы должны увидеть * Лицензия успешно активирована *.

Теперь вернитесь на главную страницу конфигурации WP Offload Media, нажав * Media Library * в верхней части окна.

На этом этапе WP Offload Media успешно настроен для использования с вашим DigitalOcean Space. Теперь вы можете начать выгружать ресурсы и доставлять их, используя CDN Spaces.

Конфигурирование WP Offload Media

Теперь, когда вы связали WP Offload Media с вашим DigitalOcean Space, вы можете начать разгрузку ресурсов и настройку перезаписи URL для доставки мультимедиа из CDN Spaces.

Вы должны увидеть следующие параметры конфигурации на главной странице конфигурации WP Offload Media:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_main_nav.png [WP Offload Main Nav]

Эти значения по умолчанию должны работать нормально для большинства случаев использования. Если ваша библиотека мультимедиа существует по нестандартному пути в каталоге WordPress, введите путь в текстовое поле под параметром * Path *.

Если вы хотите изменить URL-адреса активов, чтобы они обслуживались непосредственно из Spaces, а не с вашего сервера WordPress, убедитесь, что переключатель установлен на * On * рядом с * Rewrite Media URLs *.

Для доставки ресурсов библиотеки мультимедиа с использованием CDN Spaces убедитесь, что вы включили CDN для вашего Space (см. Https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery- using-digitalocean-Spaces-CDN # enable-Space-CDN [Включить CDN Spaces], чтобы узнать, как) и записал URL для конечной точки * Edge *. Нажмите переключатель рядом с * Пользовательский домен (CNAME) * и в появившемся текстовом поле введите URL-адрес конечной точки CDN * Edge * без префикса + https: // +.

В этом руководстве конечная точка пространства CDN:

https://.nyc3.cdn.digitaloceanspaces.com

Итак, здесь мы входим:

.nyc3.cdn.digitaloceanspaces.com

Если вы используете собственный поддомен с CDN Spaces, введите этот поддомен здесь:

.example.com

Для повышения безопасности мы будем принудительно использовать HTTPS для запросов к ресурсам библиотеки мультимедиа (теперь обслуживаемых с использованием CDN), установив переключатель на * Вкл.

Вы можете при желании очистить файлы, которые были выгружены в Spaces с вашего сервера WordPress, чтобы освободить место на диске. Для этого нажмите * Вкл. * Рядом с * Удалить файлы с сервера *.

Как только вы закончите настройку WP Offload Media, нажмите * Save Changes * внизу страницы, чтобы сохранить настройки.

В поле * URL Preview * должен отображаться URL-адрес, содержащий конечную точку CDN Spaces. Это должно выглядеть примерно так:

+ Https:. // nyc3.cdn.digitaloceanspaces.com / WP-содержание / добавления / 2018/09/21211354 / photo.jpg +

Если вы используете собственный поддомен с CDN Spaces, предварительный просмотр URL должен содержать этот поддомен.

Этот URL-адрес указывает, что WP Offload Media был успешно настроен для доставки ресурсов библиотеки мультимедиа с использованием пространства CDN. Если путь не содержит + cdn +, убедитесь, что вы правильно ввели URL-адрес конечной точки * Edge * и не URL-адрес * Origin * (это не применяется при использовании пользовательского субдомена).

На этом этапе WP Offload Media настроен для доставки вашей библиотеки мультимедиа с использованием Spaces CDN. Все * будущие * загрузки в вашу медиатеку будут автоматически скопированы в ваше DigitalOcean Space и будут обслуживаться с использованием CDN.

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

Разгрузка Медиатека

Мы будем использовать встроенный в плагин инструмент «Upload Tool» для выгрузки существующих файлов в нашу медиатеку WordPress.

В правой части главной страницы конфигурации WP Offload Media вы должны увидеть следующее окно:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_upload_tool.png [WP Offload Upload Tool]

Нажмите * Offload Now *, чтобы загрузить файлы медиатеки в DigitalOcean Space.

Если процедура загрузки будет прервана, поле изменится и отобразит следующее:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_upload_tool_2.png [WP Offload Upload Tool 2]

Нажмите * Offload Remaining Now *, чтобы перенести оставшиеся файлы в DigitalOcean Space.

После того, как вы выгружаете оставшиеся элементы из медиатеки, вы должны увидеть следующие новые поля:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/wp_offload_success.png [WP Offload Success]

На данный момент вы выгружаете свою медиатеку в свой Space и доставляете файлы пользователям, используя CDN Spaces.

В любой момент вы можете загрузить файлы обратно на ваш сервер WordPress с вашего Космоса, нажав * Download Files *.

Вы также можете очистить пространство DigitalOcean, нажав * Удалить файлы *. Перед этим убедитесь, что вы сначала загрузили файлы обратно на свой WordPress-сервер из Spaces.

На этом этапе мы научились выгружать медиатеку WordPress в DigitalOcean Spaces и переписывать ссылки на эти ресурсы библиотеки с помощью плагина WP Offload Media.

Чтобы перенести дополнительные ресурсы WordPress, такие как темы и файлы JavaScript, вы можете использовать Asset Pull addon или обратиться к https: // www .digitalocean.com / community / tutorials / как ускорить-wordpress-asset-delivery-using-digitalocean-space-cdn # offload-Additional-assets- (необязательно) раздел [Offload Additional Assets] данного руководства.

Папки библиотеки мультимедиа Pro и подключаемые модули CDN

MaxGalleria Media Library Folders Pro plugin - это удобный плагин WordPress, который позволяет вам лучше организовать ресурсы WordPress Media Library. Кроме того, бесплатное дополнение Spaces позволяет выполнять групповую разгрузку ресурсов медиатеки в пространства DigitalOcean, а также переписывать URL-адреса этих ресурсов для обслуживания их непосредственно из объекта. место хранения. Затем вы можете включить CDN Spaces и использовать конечную точку Spaces CDN для обслуживания ваших библиотечных активов из распределенной сети доставки. Чтобы выполнить этот последний шаг, вы можете использовать плагин CDN Enabler, чтобы переписать URL-адреса конечных точек CDN для ваших ресурсов библиотеки мультимедиа.

Начнем с установки и настройки плагина Media Library Folders Pro (MLFP), а также дополнения к MLFP Spaces. Затем мы установим и настроим подключаемый модуль CDN Enabler для доставки ресурсов библиотеки мультимедиа с использованием пространства CDN.

Установка плагина MLFP

После покупки плагина MLFP вы должны были получить электронное письмо, содержащее ваши учетные данные MaxGalleria, а также ссылку для загрузки плагина. Нажмите на ссылку для загрузки плагина, чтобы загрузить ZIP-архив плагина MLFP на ваш локальный компьютер.

После того, как вы загрузили архив, войдите в интерфейс администрирования вашего сайта WordPress (+ https: /// wp-admin +) и перейдите к * Plugins *, а затем * Add New * в левой боковой панели.

На странице * Добавить плагины * нажмите * Загрузить плагин * и выберите ZIP-архив, который вы только что загрузили.

Нажмите * Установить сейчас *, чтобы завершить установку плагина, и на экране * Установка плагина * нажмите * Активировать плагин *, чтобы активировать MLFP.

После этого в левой боковой панели появится пункт меню * Media Library Folders Pro *. Нажмите на нее, чтобы перейти к интерфейсу Media Library Folders Pro. Охват различных функций плагина выходит за рамки этого руководства, но чтобы узнать больше, вы можете обратиться к the сайт MaxGalleria и https: // maxgalleria .com / форумы / [форум].

Теперь мы активируем плагин. Нажмите * Настройки * в пункте меню MLFP и введите свой лицензионный ключ рядом с текстовым полем * Лицензионный ключ *. Вы можете найти свой лицензионный ключ MLFP в электронном письме, которое вы получили при покупке плагина. Нажмите * Сохранить изменения *, а затем * Активируйте лицензию *. Затем нажмите * Обновить настройки *.

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

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

Установка плагина надстройки MLFP Spaces и библиотеки разгрузки мультимедиа

Чтобы установить аддон Spaces, войдите в свою MaxGalleria account. Вы можете найти учетные данные своей учетной записи в электронном письме, отправленном вам при покупке плагина MLFP.

Перейдите на страницу * Addons * в верхней строке меню и прокрутите вниз до * Media Sources *. Отсюда, выберите опцию * Папки библиотеки мультимедиа Pro S3 и пробелы *.

На этой странице прокрутите вниз до раздела * Pricing * и выберите вариант, соответствующий размеру вашей медиатеке WordPress (для медиатек с 3000 изображений или меньше аддон бесплатный).

После завершения добавления «покупки» вы можете вернуться обратно на страницу своего аккаунта (нажав на ссылку * Аккаунт * в верхней строке меню), с которой теперь будет доступен плагин дополнения.

Нажмите на изображение * Media Library Folders Pro S3 *, и загрузка плагина должна начаться.

После завершения загрузки вернитесь к интерфейсу администрирования WordPress и установите загруженный плагин, используя тот же метод, что и выше, нажав * Загрузить плагин *. Еще раз, нажмите * Активировать плагин *, чтобы активировать плагин.

Скорее всего, вы получите предупреждение о настройке ключей доступа в вашем файле + wp-config.php. Мы настроим это сейчас.

Войдите на свой сервер WordPress, используя консоль или SSH, и перейдите в корневой каталог WordPress (в этом руководстве это + / var / www / html +). Отсюда откройте + wp-config.php + в вашем любимом редакторе:

sudo nano wp-config.php

Прокрутите вниз до строки, которая говорит `+ / * Вот и все, прекратите редактирование! Приятного ведения блога. * / + `, и перед этим вставьте следующие строки, содержащие пару ключей доступа к Spaces и опцию конфигурации плагина (чтобы узнать, как создать пару ключей доступа, обратитесь к https://www.digitalocean.com/docs/spaces/ инструкции / административный доступ / # ключи доступа [Документы продукта Spaces]):

WP-config.php

. . .
define('MF_AWS_ACCESS_KEY_ID', '');
define( 'MF_AWS_SECRET_ACCESS_KEY', '');
define('MF_CLOUD_TYPE', 'do')

/* That's all, stop editing! Happy blogging. */
. . .

Когда вы закончите редактирование, сохраните и закройте файл.

Теперь перейдите к вашему пространству DigitalOcean из Cloud Control Panel и создайте папку с именем + wp-content +, нажав * New Folder *.

Отсюда вернитесь обратно к интерфейсу администрирования WordPress и нажмите * Media Library Folders Pro *, а затем * S3 & Spaces Settings * на боковой панели.

Предупреждающий баннер о настройке ключей доступа теперь должен был исчезнуть. Если он все еще присутствует, вам следует дважды проверить файл + wp-config.php + на наличие опечаток или синтаксических ошибок.

В текстовом поле * Лицензионный ключ * введите лицензионный ключ, который вы получили по электронной почте после покупки дополнения Spaces. Обратите внимание, что этот лицензионный ключ отличается от лицензионного ключа MLFP. Нажмите * Сохранить изменения *, а затем * Активируйте лицензию *.

После активации вы должны увидеть следующую панель конфигурации:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/spaces_addon_config.png [Конфигурация надстройки пространств MLFP]

Отсюда нажмите * Выбрать корзину и регион *, чтобы выбрать ваше пространство DigitalOcean. Затем выберите правильный регион для вашего пространства и нажмите * Сохранить выбор ковша *.

Теперь вы успешно подключили плагин разгрузки Spaces к вашему DigitalOcean Space. Вы можете начать разгрузку своих медиатек WordPress.

Флажок * Использовать файлы на облачном сервере * позволяет указать, откуда будут использоваться ресурсы библиотеки мультимедиа. Если вы установите этот флажок, ресурсы будут передаваться из DigitalOcean Spaces, а URL-адреса изображений и других объектов библиотеки мультимедиа будут соответствующим образом переписаны. Если вы планируете использовать CDN Spaces для обслуживания своих ресурсов библиотеки мультимедиа, не устанавливайте этот флажок, поскольку плагин будет использовать конечную точку Spaces * Origin *, а не конечную точку CDN * Edge *. Мы настроим перезапись CDN-ссылок в будущем.

Установите флажок * Удалить файлы с локального сервера *, чтобы удалить ресурсы локальной библиотеки мультимедиа после их успешной загрузки в DigitalOcean Spaces.

Флажок * Удалить отдельные загруженные файлы с облачного сервера * следует использовать при массовой загрузке файлов из Spaces на ваш сервер WordPress. Если флажок установлен, эти файлы будут удалены из Spaces после успешной загрузки на ваш сервер WordPress. Мы можем игнорировать эту опцию сейчас.

Поскольку мы настраиваем плагин для использования с CDN Spaces, не устанавливайте флажок * Использовать файлы на облачном сервере * и нажмите * Скопировать медиатеку на облачный сервер *, чтобы синхронизировать медиатеку WordPress вашего сайта с вашим DigitalOcean Space.

Должно появиться окно с прогрессом, а затем * Загрузка завершена. *, Указывающая, что синхронизация библиотеки мультимедиа завершена успешно.

Перейдите к вашему пространству DigitalOcean, чтобы подтвердить, что файлы вашей библиотеки мультимедиа были скопированы в ваше пространство. Они должны быть доступны в подкаталоге + upload каталога` + wp-content`, который вы создали ранее на этом шаге.

Как только ваши файлы появятся в вашем Space, вы готовы перейти к настройке CDN Spaces.

Установка подключаемого модуля CDN Enabler для доставки активов из пространства CDN

Чтобы использовать CDN Spaces для обслуживания уже загруженных файлов, сначала https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces-cdn#enabling -spaces-cdn [убедитесь, что вы включили CDN] для вашего пространства.

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

Чтобы установить CDN Enabler, вы можете либо воспользоваться меню * Plugins * из интерфейса администрирования WordPress, либо установить плагин прямо из командной строки. Мы продемонстрируем последнюю процедуру здесь.

Сначала войдите на свой сервер WordPress. Затем перейдите в каталог плагинов:

cd /wp-content/plugins

Обязательно замените вышеуказанный путь на путь к вашей установке WordPress.

Из командной строки используйте интерфейс + wp-cli + для установки плагина:

wp plugin install cdn-enabler

Теперь активируйте плагин:

wp plugin activate cdn-enabler

Вы также можете установить и активировать плагин CDN Enabler с помощью built-in установщика плагина.

Вернувшись в админ-панель WordPress, в разделе * Настройки * вы увидите новую ссылку на настройки * CDN Enabler *. Нажмите на * CDN Enabler *.

Вы должны увидеть следующий экран настроек:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/cdn_enabler_settings.png [Настройки CDN Enabler]

Измените отображаемые поля следующим образом:

* CDN URL *: введите конечную точку Spaces * Edge *, которую можно найти на панели инструментов Spaces. В этом руководстве это + https: //. Nyc3.cdn.digitaloceanspaces.com +. Если вы используете собственный поддомен с CDN Spaces, введите этот поддомен здесь. Например, + https: //. Example.com +.
* Включенные каталоги *: введите + wp-content / uploads +. Мы научимся обслуживать другие каталоги + wp-content + в https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces -cdn # offload-Additional-assets [Разгрузить дополнительные активы].
* Исключения *: оставить значение по умолчанию + .php
* Относительный путь *: оставьте флажок установленным
* CDN HTTPS *: включите его, установив флажок
Оставьте оставшиеся два поля пустыми

Затем нажмите * Сохранить изменения *, чтобы сохранить эти настройки и включить их для своего сайта WordPress.

К этому моменту вы успешно загрузили мультимедийную библиотеку вашего сайта WordPress в DigitalOcean Spaces и обслуживаете их для конечных пользователей, использующих CDN.

На этом этапе мы не выгружали тему WordPress или другие ресурсы + wp-content +. Чтобы узнать, как перенести эти активы в Spaces и обслуживать их с помощью CDN Spaces, перейдите по ссылке https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean -spaces-cdn # offload-Additional-assets- (необязательно) [Разгрузить дополнительные активы].

Выгрузка дополнительных активов (необязательно)

В предыдущих разделах этого руководства мы узнали, как перенести библиотеку WordPress на нашем сайте в Spaces и обслуживать эти файлы, используя CDN Spaces. В этом разделе мы рассмотрим разгрузку и обслуживание дополнительных ресурсов WordPress, таких как темы, файлы JavaScript и шрифты.

Большинство этих статических ресурсов находятся внутри каталога + wp-content + (который содержит + wp-themes +). Чтобы разгрузить и перезаписать URL-адреса для этого каталога, мы будем использовать CDN Enabler, плагин с открытым исходным кодом, разработанный KeyCDN.

Если вы используете https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces-cdn#wordpress-offload-media-plugin [ Плагин WP Offload Media], вы можете использовать Asset Pull addon для обслуживания этих файлов с использованием CDN для извлечения. Установка и настройка этого дополнения выходит за рамки данного руководства. Чтобы узнать больше, обратитесь к продукту DeliciousBrains page.

Сначала мы установим CDN Enabler. Затем мы скопируем наши темы WordPress в Spaces и, наконец, настроим CDN Enabler для их доставки с использованием CDN Spaces.

Если вы уже установили CDN Enabler на предыдущем шаге, перейдите к шагу 2.

Шаг 1 - Установка CDN Enabler

Чтобы установить CDN Enabler, войдите на свой сервер WordPress. Затем перейдите в каталог плагинов:

cd /wp-content/plugins

Обязательно замените вышеуказанный путь на путь к вашей установке WordPress.

Из командной строки используйте интерфейс + wp-cli + для установки плагина:

wp plugin install cdn-enabler

Теперь активируйте плагин:

wp plugin activate cdn-enabler

Вы также можете установить и активировать плагин CDN Enabler с помощью built-in установщика плагина.

Вы должны увидеть следующий экран настроек:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/cdn_enabler_settings.png [Настройки CDN Enabler]

На данный момент вы успешно установили CDN Enabler. Ну, теперь загрузите ваши темы WordPress в Spaces.

Шаг 2 - Загрузка статических ресурсов WordPress в пробелы

В этом руководстве, чтобы продемонстрировать базовую конфигурацию плагина, мы будем только обслуживать + wp-content / themes +, каталог WordPress, содержащий темы WordPress, - PHP, JavaScript, HTML и файлы изображений. При желании вы можете расширить этот процесс до других каталогов WordPress, например + wp-includes +, и даже до всего каталога + wp-content +.

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

Сначала мы загрузим вашу тему в DigitalOcean Space с помощью + s3cmd. Если вы еще не настроили + s3cmd +, обратитесь к DigitalOcean Spaces Документация по продукту.

Перейдите в каталог установки WordPress + wp-content:

cd /wp-content

Отсюда загрузите каталог + themes + в ваше DigitalOcean Space, используя + s3cmd +. Обратите внимание, что на данный момент вы можете выбрать загрузку только одной темы, но для простоты и выгрузки как можно большего количества контента с нашего сервера мы загрузим все темы из каталога + themes + в наше пространство.

Мы будем использовать + find +, чтобы создать список файлов, не относящихся к PHP (следовательно, кешируемых), которые мы затем передадим в + s3cmd + для загрузки в Spaces. Мы исключим таблицы стилей CSS и в этой первой команде, так как нам нужно установить тип MIME + text / css + при их загрузке.

find themes/ -type f -not \( -name '*.php' -or -name '*.css' \) | xargs -I{} s3cmd put --acl-public {} s3:///wp-content/{}

Обязательно замените ++ в приведенной выше команде на свое имя пробела.

Здесь мы указываем + find искать файлы в каталоге` + themes / + и игнорировать файлы + .php` и + .css. Затем мы используем + xargs -I {} + для итерации по этому списку, выполняя + s3cmd put + для каждого файла, и устанавливаем права доступа к файлу в Spaces на + public + с помощью + - acl-public +.

Далее мы сделаем то же самое для таблиц стилей CSS, добавив флаг + - mime-type =" text / css "+, чтобы установить тип + text / css + MIME для таблиц стилей в Spaces. Это гарантирует, что Spaces будет обслуживать CSS-файлы вашей темы, используя правильный HTTP-заголовок + Content-Type: text / css +:

find themes/ -type f -name '*.css' | xargs -I{} s3cmd put --acl-public  {} s3:///wp-content/{}

Опять же, обязательно замените ++ в приведенной выше команде на свое имя Space.

Теперь, когда мы загрузили нашу тему, давайте проверим, что ее можно найти по правильному пути в нашем Пространстве. Перейдите в свое Пространство с помощью DigitalOcean Cloud Control Panel.

Войдите в каталог + wp-content, затем каталог` + themes`. Вы должны увидеть каталог вашей темы здесь. Если вы этого не сделаете, проверьте свою конфигурацию + s3cmd + и повторно загрузите свою тему в свой Space.

Шаг 3 - Настройка CDN Enabler для перезаписи ссылок на активы

Теперь, когда наша тема живет в нашем Пространстве, и мы установили правильные метаданные, мы можем начать обслуживание ее файлов с помощью CDN Enabler и CDN DigitalOcean Spaces.

Вернитесь обратно в область администрирования WordPress и нажмите * Настройки *, а затем * CDN Enabler *.

Здесь измените отображаемые поля следующим образом:

* CDN URL *: введите конечную точку Spaces * Edge *, как это было сделано в * Шаг 1 *. В этом руководстве это + https: //. Nyc3.cdn.digitaloceanspaces.com +. Если вы используете собственный поддомен с CDN Spaces, введите этот поддомен здесь. Например, + https: //. Example.com +.
* Включенные каталоги *: Если вы * не * используете плагин MLFP, это должно быть + wp-content / themes +. Если да, то это должно быть + wp-content / uploads, wp-content / themes
* Исключения *: оставить значение по умолчанию + .php
* Относительный путь *: оставьте флажок установленным
* CDN HTTPS *: включите его, установив флажок
Оставьте оставшиеся два поля пустыми

Ваши окончательные настройки должны выглядеть примерно так:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/cdn_enabler_final.png [Конечные настройки активатора CDN]

Нажмите * Save Changes *, чтобы сохранить эти настройки и включить их для вашего сайта WordPress.

К этому моменту вы успешно загрузили тематические ресурсы вашего сайта WordPress в DigitalOcean Spaces и предоставляете их конечным пользователям, использующим CDN. Мы можем подтвердить это, используя Chrome DevTools, следуя процедуре, описанной https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean-spaces-cdn#test- кэширования CDN [ниже].

Используя плагин CDN Enabler, вы можете повторить этот процесс для других каталогов WordPress, таких как + wp-includes +, и даже для всего каталога + wp-content +.

Тестирование CDN-кэширования

В этом разделе мы покажем, как определить, откуда ваши ресурсы WordPress обслуживаются (например, ваш хост-сервер или CDN) с помощью Google Chrome DevTools.

Шаг 1. Добавление образца изображения в медиатеку для проверки синхронизации

Для начала мы сначала загрузим образец изображения в нашу медиатеку и убедимся, что оно подается с серверов CDN DigitalOcean Spaces. Вы можете загрузить изображение с помощью веб-интерфейса администратора WordPress или с помощью инструмента командной строки + wp-cli +. В этом руководстве мы будем использовать + wp-cli + для загрузки примера изображения.

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

cd

Отсюда используйте + curl +, чтобы загрузить логотип DigitalOcean в свой дроплет (если у вас уже есть изображение, с которым вы хотите протестировать, пропустите этот шаг):

curl https://assets.digitalocean.com/logos/DO_Logo_horizontal_blue.png > do_logo.png

Теперь используйте + wp-cli + для импорта изображения в медиатеку:

wp media import --path=/ /home//do_logo.png

Обязательно замените ++ на правильный путь к каталогу, содержащему ваши файлы WordPress.

Вы можете увидеть некоторые предупреждения, но вывод должен заканчиваться следующим:

OutputImported file '/home/sammy/do_logo.png' as attachment ID 10.
Success: Imported 1 of 1 items.

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

Перейдите к вашему DigitalOcean Space, чтобы подтвердить:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/spaces_upload_confirm.png [Успешная загрузка пробелов]

Это указывает на то, что ваш плагин разгрузки работает должным образом и автоматически синхронизирует загрузки WordPress с вашим DigitalOcean Space. Обратите внимание, что точный путь к загрузке вашей библиотеки мультимедиа в Space будет зависеть от плагина, который вы используете для выгрузки файлов WordPress.

Далее мы проверим, что этот файл обслуживается с использованием CDN Spaces, а не с сервера, на котором работает WordPress.

Шаг 2 - Проверка URL актива

В административной области WordPress (+ https: /// wp-admin +) перейдите к * Pages * в левом меню навигации.

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

На экране * Pages * щелкните * Sample Page * или любую существующую страницу. Вы также можете создать новую страницу.

В редакторе страниц нажмите * Добавить мультимедиа * и выберите логотип DigitalOcean (или другое изображение, которое вы использовали для проверки этой процедуры).

Панель * Attachment Details * должна появиться в правой части экрана. На этой панели добавьте изображение на страницу, нажав * Вставить на страницу *.

Теперь, вернувшись в редактор страниц, нажмите либо * Опубликовать * (если вы создали новую страницу-образец), либо * Обновить * (если вы добавили изображение на существующую страницу) в поле * Опубликовать * справа вашего экрана.

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

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

От предварительного просмотра страницы в вашем браузере, щелкните правой кнопкой мыши на изображение и нажмите * Inspect *:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/inspect.png [Проверить меню]

Должно появиться окно DevTools, в котором выделен ресурс + img + в HTML-коде страницы:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/devtools_output.png [Выход DevTools]

Вы должны увидеть конечную точку CDN для вашего пространства DigitalOcean в этом URL-адресе (в этом руководстве наша конечная точка CDN пространства равна + https: //. Cdn.digitaloceanspaces.com +), что указывает на то, что ресурс изображения обслуживается из пространств DigitalOcean. Пограничный кеш CDN. Если вы используете настраиваемый поддомен с CDN Spaces, URL ресурса должен использовать этот настраиваемый поддомен.

Это подтверждает, что загружаемые вами медиатека синхронизируются с вашим DigitalOcean Space и обслуживаются с использованием CDN Spaces.

Шаг 3 - Проверка заголовков ответа актива

Из окна DevTools мы запустим один последний тест. Нажмите * Сеть * на панели инструментов в верхней части окна.

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

Ресурсы страницы должны заполниться в окне. Найдите тестовое изображение в списке ресурсов страницы:

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/devtools_asset_list.png [Chrome DevTools Asset List]

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

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/response_headers.png [заголовки ответа]

Вы должны увидеть HTTP-заголовок + Cache-Control +, который является заголовком ответа CDN. Это подтверждает, что это изображение было подано из CDN Spaces.

Шаг 4 - Проверка URL-адресов для тематических ресурсов (необязательно)

Если вы загрузили каталог + wp-themes + (или другой), как описано в https://www.digitalocean.com/community/tutorials/how-to-speed-up-wordpress-asset-delivery-using-digitalocean- space-cdn # offload-Additional-assets [Выгрузить дополнительные активы], вы должны выполнить следующую краткую проверку, чтобы убедиться, что ресурсы вашей темы обслуживаются из CDN Spaces.

Перейдите на свой сайт WordPress в Google Chrome и щелкните правой кнопкой мыши в любом месте страницы. В появившемся меню нажмите * Inspect *.

Вы снова попадете в интерфейс Chrome DevTools.

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/chrome_devtools_theme_confirm.png [интерфейс Chrome DevTools]

Отсюда, нажмите на * Источники *.

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

изображение: https: //assets.digitalocean.com/articles/wordpress_cdn_offload/devtools_sources_assets.png [список активов сайта DevTools]

Обратите внимание, что изображение заголовка вашей темы WordPress, JavaScript и таблица стилей CSS теперь обслуживаются из CDN Spaces.

Заключение

В этом учебном пособии мы показали, как выгружать статический контент с вашего сервера WordPress в DigitalOcean Spaces и обслуживать этот контент, используя CDN Spaces. В большинстве случаев это должно снизить пропускную способность инфраструктуры вашего хоста и ускорить загрузку страниц для конечных пользователей, особенно тех, которые расположены географически дальше от вашего сервера WordPress.

Мы продемонстрировали, как разгружать и обслуживать ресурсы как Media Library, так и + themes + с помощью CDN Spaces, но эти шаги могут быть расширены для дальнейшей выгрузки всей директории + wp-content +, а также + wp-includes +.

Внедрение CDN для доставки статических ресурсов - это всего лишь один из способов оптимизации установки WordPress. Другие плагины, такие как W3 Total Cache, могут еще больше ускорить загрузку страниц и улучшить SEO вашего сайта. Полезный инструмент для измерения скорости загрузки вашей страницы и ее улучшения - PageSpeed Insights от Google. Еще один полезный инструмент, который обеспечивает разбивку запросов и ответов, а также предлагает оптимизацию, - Pingdom.

Чтобы узнать больше о сетях доставки контента и о том, как они работают, обратитесь к https://www.digitalocean.com/community/tutorials/using-a-cdn-to-speed-up-static-content-delivery[Использование CDN для ускорения Up Доставка статического контента.

TOC