Для обеспечения высокого уровня обслуживания на этом сайте используются куки (cookies).
OK
Настройка Yandex CDN для CS-Cart | Larionov.tech

CS-Cart и Yandex Cloud

Настройка Yandex CDN для CS-Cart

Эта инструкция помогает подключить Yandex CDN к магазину на CS-Cart: создать CDN-ресурс, выпустить сертификат, настроить DNS, проверить CDN-домен и только после этого включить модуль в CS-Cart.

Larionov.tech — официальный партнёр Yandex Cloud

Если у вас уже есть Yandex Cloud и доступ к DNS, можно пройти инструкцию вручную. Если хотите проще — я могу создать и настроить CDN за вас.

Варианты подключения

Можно настроить CDN самостоятельно или через Larionov.tech

Если у вас есть свой Yandex Cloud и технический специалист, используйте инструкцию ниже.

Самостоятельная настройка

Вы используете свой аккаунт Yandex Cloud, сами создаёте CDN-ресурс, сертификат, DNS-записи и затем включаете модуль в CS-Cart по инструкции.

Ваш Yandex Cloud Ваш DNS Ваш CDN-ресурс Ваш биллинг

Настройка через партнёрский аккаунт

Larionov.tech создаёт и настраивает CDN в отдельном клиентском аккаунте Яндекса: ресурс, сертификат, DNS, кеширование, подключение модуля и проверку отдачи статики.

Larionov.tech как партнёр Яндекса Отдельный клиентский аккаунт Настройка и сопровождение под ключ

Перед началом

Что понадобится

1

Доступ в Yandex Cloud

Для создания CDN-ресурса и сертификата.

2

Доступ к DNS-зоне

Чтобы добавить TXT и CNAME-записи.

3

Отдельный CDN-домен

Например: static.example.com.

4

Домен магазина

Он будет origin-источником для CDN.

5

Модуль Yandex CDN

Установленный модуль Larionov.tech для CS-Cart.

6

Или подключение через партнёра

Larionov.tech может настроить CDN в отдельном клиентском аккаунте Яндекса.

Инструкция

Порядок настройки

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

1 Создайте ресурс в Cloud CDN

В Yandex Cloud откройте Cloud CDN → Создать ресурс. В качестве origin укажите домен вашего магазина, например example.com. В качестве доменного имени CDN-ресурса укажите отдельный CDN-домен, например static.example.com.

Поле Что указать
Тип источника Сервер
Доменное имя источника Основной домен магазина: example.com
Протокол для источников HTTPS
Доменное имя CDN-ресурса Ваш CDN-домен: static.example.com.
CDN не работает с поддоменами, заданными через символ "/". Пример: example.com/domain
Кеширование Можно оставить «Как у источника» или настроить вручную позже.
В поле источника указывается домен магазина. В поле доменного имени CDN-ресурса — ваш CDN-домен. Это разные вещи: не мешайте их в одну кашу, иначе CDN потом будет ехать как телега без колеса.
Создание CDN-ресурса в Yandex Cloud: основные настройки
Шаг 1. Основные настройки CDN-ресурса: origin магазина и CDN-домен.
Создание CDN-ресурса в Yandex Cloud: кеширование
Шаг 2. Настройки кеширования. На старте можно оставить базовые значения.
Создание CDN-ресурса в Yandex Cloud: заголовки и методы
Шаг 3. Заголовки, CORS и методы запросов обычно можно не менять.
2 Создайте и привяжите сертификат для CDN-домена

Для CDN-домена нужен SSL-сертификат. Если сертификата ещё нет, создайте его через Certificate Manager и кнопку Добавить сертификат. В качестве типа сертификата укажите Let's Encrypt. Затем укажите CDN-домен и выберите DNS-валидацию.

После создания сертификата Yandex покажет TXT-запись для подтверждения прав на домен. Добавьте эту TXT-запись у вашего DNS-провайдера и дождитесь статуса Issued. После выпуска сертификата привяжите его к CDN-ресурсу.

На шаге создания CDN-ресурса можно временно пропустить выбор сертификата. Но перед включением CDN в CS-Cart сертификат должен быть выпущен и привязан к CDN-ресурсу.
Поле Что указать
Домен сертификата CDN-домен: static.example.com
Тип проверки DNS
DNS-запись TXT-запись, которую покажет Yandex Cloud.
Ожидаемый статус Issued
Создание сертификата Let's Encrypt в Yandex Certificate Manager
Шаг 1. Создайте сертификат для CDN-домена, например static.example.com.
TXT-запись для DNS-валидации сертификата
Шаг 2. Скопируйте TXT-запись для подтверждения прав на CDN-домен.
Добавление TXT-записи у DNS-провайдера
Шаг 3. Добавьте TXT-запись у DNS-провайдера и дождитесь проверки.
3 Создайте DNS CNAME для CDN-домена

После создания CDN-ресурса Yandex покажет технический provider host. Создайте CNAME-запись от вашего CDN-домена на этот provider host.

static.example.com CNAME xxxxxx.topology.gslb.yccdn.ru
В CS-Cart нужно указывать ваш публичный CDN-домен, например static.example.com. Не указывайте provider host вида *.yccdn.ru. Он нужен только для DNS CNAME.
Где Что указывать
DNS-зона static.example.com → CNAME → *.yccdn.ru
CS-Cart static.example.com
Не надо указывать в CS-Cart *.yccdn.ru и https://

Проверить DNS можно командой:

dig +short static.example.com
Provider host в настройках CDN-ресурса Yandex Cloud
Шаг 1. Скопируйте provider host из настроек CDN-ресурса.
Создание CNAME-записи для CDN-домена
Шаг 2. Создайте CNAME-запись от CDN-домена на provider host.
4 Дождитесь DNS и проверьте CDN-домен

DNS и сертификат могут применяться не сразу. Дождитесь, пока сертификат будет выпущен, CNAME начнёт резолвиться, а CDN-домен начнёт открывать файлы магазина.

Откройте в браузере тестовый файл через CDN-домен:

https://static.example.com/js/tygh/core.js

Если файл открывается без SSL-ошибок, 404 и редиректов в никуда — CDN-ресурс готов к подключению в CS-Cart.

Проверяйте именно существующий файл из вашего магазина. Если путь отличается, возьмите любой CSS или JS, который реально есть на витрине.
5 Включите CDN в CS-Cart

Только после успешной проверки CDN-домена откройте в CS-Cart: Настройки → Хранилище данных → Настройки CDN.

Поле Что указать
CDN-сервис Yandex
CDN-домен static.example.com
Включить CDN Включите после сохранения корректного CDN-домена.
Не включайте CDN, пока CDN-домен не работает. Иначе на витрине можно получить битые CSS, JS и изображения.
6 Очистите кеш Yandex CDN

Очистите кеш CDN-ресурса в Yandex Cloud:

Cloud CDN → ресурс → Контент → Очистить кеш
После очистки откройте витрину и проверьте в DevTools, что CSS, JS и изображения загружаются с CDN-домена.

Проверка

Как понять, что CDN работает

Проверьте HTML страницы

В коде страницы CSS, JS и изображения должны загружаться с CDN-домена.

https://static.example.com/...

Проверьте заголовки CDN

Запрос должен идти через Yandex CDN. Первый ответ может быть MISS, последующие — HIT.

curl -sS -D - -o /dev/null \ 'https://static.example.com/js/tygh/core.js'

Проверьте gzip

Для текстовых файлов может возвращаться content-encoding: gzip.

curl -sS -D - -o /dev/null \ -H 'Accept-Encoding: gzip' \ 'https://static.example.com/js/tygh/core.js'

Проверьте конкретные файлы

Откройте CSS, JS и изображения напрямую через CDN-домен. Они должны открываться без 404 и SSL-ошибок.

https://static.example.com/design/... https://static.example.com/images/...

Частые проблемы

Если что-то пошло не так

Статика грузится как https:///images/...
CDN включён, но CDN-домен пустой или не сохранён. Отключите CDN или укажите корректный домен.
CDN-домен открывается, но файлы дают 404
Проверьте origin в Yandex CDN. Источником должен быть основной домен магазина: example.com.
Через основной сайт файл есть, через CDN — нет
Чаще всего проблема в Host header. В настройках CDN-ресурса укажите заголовок Host как основной домен магазина.
SSL-ошибка на CDN-домене
Проверьте, что сертификат выпущен, находится в нужном каталоге Yandex Cloud и привязан к CDN-ресурсу.
DNS не применился
Проверьте CNAME-запись и подождите обновления DNS. Иногда это занимает не минуты, а часы.
PageSpeed почти не вырос
CDN ускоряет доставку статики, но не лечит тяжёлую тему, неоптимальные изображения, лишние модули и блокирующие скрипты.

Важно понимать

Что CDN не делает

× Не переносит файлы магазина в Yandex Object Storage.
× Не заменяет сервер магазина и не исправляет проблемы хостинга.
× Не оптимизирует изображения в WebP или AVIF автоматически.
× Не исправляет тяжёлую тему, лишний JS, медленные запросы и проблемы PageSpeed.

Под ключ

Что входит в настройку CDN через Larionov.tech

В этом варианте я не просто передаю инструкцию, а сам провожу настройку и проверяю, что магазин действительно отдаёт изображения, CSS и JS через CDN-домен.

1

Аккаунт и CDN-ресурс

Создаю отдельное клиентское окружение и CDN-ресурс под ваш магазин.

2

SSL-сертификат

Настраиваю выпуск сертификата для CDN-домена и проверяю его статус.

3

DNS-записи

Готовлю TXT и CNAME-записи, которые нужно добавить у DNS-провайдера.

4

Подключение в CS-Cart

Включаю Yandex CDN в настройках CS-Cart через модуль Larionov.tech.

5

Очистка кеша

Очищаю кеш CS-Cart и Yandex CDN, чтобы изменения корректно применились.

6

Финальная проверка

Проверяю, что CSS, JS и изображения загружаются через CDN без 404 и SSL-ошибок.

Хотите подключить Yandex CDN без самостоятельной настройки облака?

Я могу подключить CDN к вашему магазину на CS-Cart через Larionov.tech как партнёра Яндекса

Создам и настрою CDN в отдельном клиентском субаккаунте
Подготовлю DNS CNAME и TXT-записи для сертификата
Настрою CDN-ресурс, origin, Host header и кеширование
Включу модуль в CS-Cart и очищу кеш
Проверю загрузку CSS, JS и изображений через CDN
Made on
Tilda