Настройка AWS CloudFront CDN для сайта: полный гайд

Настройка AWS CloudFront CDN под ключ

При запуске сайта на AWS глобальные пользователи часто сталкиваются с долгой загрузкой. TTFB выше 500 мс, LCP зашкаливает, а сервер не справляется с пиковой нагрузкой. Без CDN это норма. Мы настраиваем AWS CloudFront так, чтобы время отклика сократилось в 2-3 раза, а нагрузка на origin упала на 90%. Наш опыт — 5+ лет работы с AWS, 50+ проектов, сертифицированные инженеры. Мы гарантируем SLA и круглосуточную поддержку.

Как CloudFront ускоряет загрузку сайта?

CloudFront — CDN от Amazon с 450+ edge-локациями по всему миру. Вместо того чтобы каждый раз ходить к вашему серверу, он отдаёт кешированные копии контента с ближайшего узла. Это радикально снижает TTFB (первые 50 мс) и улучшает Core Web Vitals: LCP, CLS, INP. Кроме того, CloudFront поддерживает HTTP/2, автоматическое сжатие Brotli/Gzip и stale-while-revalidate. Экономия на трафике может достигать 60% благодаря сжатию и кешированию на границе сети.

Типовые политики кеширования для разных типов контента:

Почему выбирают CloudFront для AWS-инфраструктуры?

CloudFront плотно интегрирован с AWS — S3, ALB, API Gateway, Lambda@Edge. Вы можете:

• Привязать SSL-сертификат через ACM бесплатно.
• Использовать Origin Shield для дополнительного кеша между edge и origin.
• Запускать кастомную логику на Edge Functions (CloudFront Functions или Lambda@Edge) без задержек.

Сравнение с другими CDN:

CloudFront лучше всего подходит, если ваша инфраструктура уже на AWS. Он даёт полный контроль над кешированием и безопасностью.

Какие проблемы решает CloudFront на практике?

В одном проекте с 100 000 уникальных посетителей в день мы снизили TTFB с 800 мс до 40 мс после настройки CloudFront с Origin Shield и правильными политиками кеша. Нагрузка на origin упала в 50 раз, а расходы на трафик сократились на 40%. Origin Shield — это второй уровень кеша между edge и origin, который агрегирует запросы и снижает нагрузку. Рекомендуется для проектов с тысячами запросов в секунду.

Процесс настройки CDN

1. Аналитика: изучаем архитектуру вашего сайта, определяем, какие ресурсы кешировать, какие API оставить без кеша.
2. Проектирование: проектируем distribution, политики кеша, behaviours, origin shield.
3. Реализация: пишем Terraform-конфигурацию, настраиваем SSL через ACM, подключаем S3 для статики.
4. Тестирование: проверяем заголовки кеша, инвалидацию, скорость загрузки в разных регионах.
5. Деплой: деплоим через CI/CD, документируем процесс.

Что входит в работу

• Документация по конфигурации и инструкция для разработчиков.
• Доступы к CloudFront, ACM, S3 с минимальными привилегиями.
• Обучение вашей команды: как управлять кешем, создавать инвалидации.
• Поддержка в течение месяца после запуска — исправляем нештатные ситуации.
• Мониторинг через CloudWatch и настройка алертов по ошибкам и задержкам.
• Отчёт о производительности с метриками TTFB, LCP, CLS до и после внедрения.

Пример конфигурации Terraform

# main.tf — создание CloudFront distribution
resource "aws_cloudfront_distribution" "main" {
    enabled             = true
    is_ipv6_enabled     = true
    default_root_object = "index.html"
    price_class         = "PriceClass_200"

    # Основной origin — Laravel на EC2/ALB
    origin {
        domain_name = aws_lb.main.dns_name
        origin_id   = "alb-origin"

        custom_origin_config {
            http_port              = 80
            https_port             = 443
            origin_protocol_policy = "https-only"
            origin_ssl_protocols   = ["TLSv1.2"]
        }

        custom_header {
            name  = "X-Origin-Verify"
            value = var.origin_verify_token
        }
    }

    # S3 origin для статических файлов
    origin {
        domain_name            = aws_s3_bucket.assets.bucket_regional_domain_name
        origin_id              = "s3-assets"
        origin_access_control_id = aws_cloudfront_origin_access_control.main.id

        origin_shield {
            enabled              = true
            origin_shield_region = "eu-central-1"
        }
    }

    # Статические ассеты с S3
    ordered_cache_behavior {
        path_pattern           = "/assets/*"
        target_origin_id       = "s3-assets"
        viewer_protocol_policy = "redirect-to-https"
        allowed_methods        = ["GET", "HEAD"]
        cached_methods         = ["GET", "HEAD"]
        compress               = true
        cache_policy_id        = aws_cloudfront_cache_policy.assets.id
    }

    # API — без кеша
    ordered_cache_behavior {
        path_pattern           = "/api/*"
        target_origin_id       = "alb-origin"
        viewer_protocol_policy = "https-only"
        allowed_methods        = ["DELETE", "GET", "HEAD", "OPTIONS", "PATCH", "POST", "PUT"]
        cached_methods         = ["GET", "HEAD"]
        cache_policy_id        = data.aws_cloudfront_cache_policy.caching_disabled.id
        origin_request_policy_id = data.aws_cloudfront_origin_request_policy.all_viewer.id
    }

    # Основные страницы — короткий кеш
    default_cache_behavior {
        target_origin_id       = "alb-origin"
        viewer_protocol_policy = "redirect-to-https"
        allowed_methods        = ["DELETE", "GET", "HEAD", "OPTIONS", "PATCH", "POST", "PUT"]
        cached_methods         = ["GET", "HEAD"]
        compress               = true
        cache_policy_id        = aws_cloudfront_cache_policy.pages.id
    }

    restrictions {
        geo_restriction { restriction_type = "none" }
    }

    viewer_certificate {
        acm_certificate_arn = aws_acm_certificate.main.arn
        ssl_support_method  = "sni-only"
        minimum_protocol_version = "TLSv1.2_2021"
    }
}

# Cache Policy для статических ассетов
resource "aws_cloudfront_cache_policy" "assets" {
    name    = "assets-immutable"
    min_ttl = 31536000
    max_ttl = 31536000
    default_ttl = 31536000

    parameters_in_cache_key_and_forwarded_to_origin {
        cookies_config { cookie_behavior = "none" }
        headers_config  { header_behavior = "none" }
        query_strings_config { query_string_behavior = "none" }
        enable_accept_encoding_brotli = true
        enable_accept_encoding_gzip   = true
    }
}

Инвалидация кеша при деплое

# AWS CLI: инвалидировать всё
aws cloudfront create-invalidation \
    --distribution-id $DISTRIBUTION_ID \
    --paths "/*"

# Только HTML-страницы (после публикации контента)
aws cloudfront create-invalidation \
    --distribution-id $DISTRIBUTION_ID \
    --paths "/blog/*" "/products/*" "/"

// Laravel: инвалидация при публикации статьи
use Aws\CloudFront\CloudFrontClient;

class ArticlePublished
{
    public function handle(Article $article): void
    {
        $client = new CloudFrontClient([
            'version' => 'latest',
            'region'  => 'us-east-1',
        ]);

        $client->createInvalidation([
            'DistributionId' => config('services.cloudfront.distribution_id'),
            'InvalidationBatch' => [
                'Paths'     => ['Quantity' => 1, 'Items' => ["/blog/{$article->slug}"]],
                'CallerReference' => (string) now()->timestamp,
            ],
        ]);
    }
}

CloudFront Functions — безопасность на edge

// function.js — добавляет security headers (< 1 мс)
function handler(event) {
    var response = event.response;
    var headers = response.headers;

    headers['strict-transport-security'] = { value: 'max-age=63072000; includeSubDomains; preload' };
    headers['x-content-type-options'] = { value: 'nosniff' };
    headers['x-frame-options'] = { value: 'SAMEORIGIN' };
    headers['referrer-policy'] = { value: 'strict-origin-when-cross-origin' };

    return response;
}

resource "aws_cloudfront_function" "security_headers" {
    name    = "security-headers"
    runtime = "cloudfront-js-2.0"
    code    = file("function.js")
    publish = true
}

Origin Shield

Дополнительный промежуточный кеш между edge-узлами и origin-сервером. Уменьшает нагрузку на origin в 10–50 раз для популярного контента. Включён в примере выше.

Сроки и стоимость

Базовая настройка занимает 1-2 дня. Сложные сценарии с Lambda@Edge и Origin Shield — до 5 дней. Точную стоимость рассчитываем индивидуально после анализа вашей инфраструктуры. Оценим ваш проект за 1 день — свяжитесь, и мы подготовим предложение. Получите консультацию по настройке CloudFront уже сегодня.

Подробнее: CloudFront Documentation, CDN

Мы регулярно сталкиваемся с ситуацией: «Сайт не открывается» в 3 часа ночи — и выясняется, что disk full на VPS, потому что логи nginx не ротировались полгода. Или сервер лёг под нагрузкой в день запуска рекламной кампании, потому что на shared хостинге стоял лимит в 50 одновременных соединений. Настройка хостинга и деплоя — это не про «где дешевле», это про то, что происходит в момент, когда что-то идёт не так. Наша команда помогает избежать таких инцидентов, проектируя инфраструктуру с учётом реальных паттернов нагрузки.

Когда выбирать Vercel и Netlify?

Vercel создан под Next.js — деплой в один push, preview deployments для каждого PR, автоматический CDN, Edge Functions, ISR без конфигурации. Для фронтенд-проектов и JAMstack это оптимальный выбор: нет операционной нагрузки, time-to-deploy измеряется минутами.

Ограничения реальные: Vercel Serverless Functions запускаются в us-east-1 по умолчанию (latency для Европы +80–100ms), Function timeout 300 секунд на Pro, Bandwidth 1TB/месяц на Pro. Для тяжёлого backend — нужны воркеры или отдельный сервер.

Netlify ближе к статике и Edge Functions на базе Deno Deploy. Build minutes — основное ограничение на бесплатном тарифе.

Почему Docker — основа предсказуемого деплоя?

«Работает на моей машине» — классика. Docker решает это через контейнеризацию окружения. Но плохой Dockerfile создаёт новые проблемы.

Типичная ошибка: копировать всё в образ без .dockerignore, получать 800MB образ вместо 80MB. node_modules внутри образа весит столько же. Правильно: multi-stage build.

FROM node:20-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production
COPY . .
RUN npm run build

FROM node:20-alpine AS runner
WORKDIR /app
COPY --from=builder /app/.next ./.next
COPY --from=builder /app/node_modules ./node_modules
COPY --from=builder /app/package.json ./package.json
EXPOSE 3000
CMD ["npm", "start"]

Итоговый образ: 180MB вместо 1.2GB. Время сборки CI сокращается из-за layer caching — если package.json не изменился, слой с npm ci берётся из кэша.

Docker Compose для локальной разработки и простых продакшен-сценариев: приложение + PostgreSQL + Redis в одной конфигурации. Для production на одном сервере — вполне рабочий вариант, если нет требований горизонтального масштабирования.

Подробнее о контейнеризации — Wikipedia: Docker.

Как настроить Nginx как reverse proxy?

Nginx перед приложением — стандарт для VPS и выделенных серверов. Основные функции: SSL termination, gzip, static files, rate limiting, upstream балансировка.

Конфигурация, которую часто делают неправильно: worker_processes auto — количество процессов равно числу CPU. worker_connections 1024 — это 1024 на каждый воркер-процесс. При 4 CPU и 1024 connections = 4096 одновременных соединений. Для высоконагруженного сайта нужно worker_connections 4096 и настройка keepalive_timeout 65.

Для статических ассетов с хешем в имени файла:

location ~* \.(js|css|woff2|png|webp)$ {
    expires 1y;
    add_header Cache-Control "public, immutable";
}

immutable сообщает браузеру: не проверяй этот файл даже при hard refresh. Правильно работает только с content-hashed именами файлов (что делает Vite/webpack по умолчанию). Документация — Wikipedia: Nginx.

AWS: гибкость и сложность

EC2 + Auto Scaling Group — классика для горизонтального масштабирования. AMI с предустановленным приложением, Launch Template, ASG с min/desired/max instances, Application Load Balancer. При CPU > 70% на 3 минуты — scale out, при CPU < 30% на 15 минут — scale in. Health check через ALB исключает нездоровые инстансы из ротации.

ECS Fargate — контейнеры без управления EC2. Деплой Docker-образа, задаёте CPU/память (512 CPU units = 0.5 vCPU, от 512MB памяти), Fargate запускает. Дороже Lambda, но нет cold start и нет timeout-ограничений. Подходит для long-running процессов, WebSocket-серверов, тяжёлых воркеров.

RDS для PostgreSQL с Multi-AZ: автоматический failover за 1–2 минуты при падении primary. Read Replicas для масштабирования чтения. RDS Proxy для connection pooling — Lambda-функции не умеют держать долгосрочные соединения, прокси буферизует это.

Kubernetes: когда это оправдано

K8s добавляет значительную операционную сложность. Оправдан, когда: несколько команд деплоят независимые сервисы, нужна тонкая настройка ресурсов на сервис, canary deployments и blue/green без простоя — требование.

AWS EKS, GKE или managed k8s от Hetzner (дешевле). Helm charts для стандартных сервисов. Horizontal Pod Autoscaler по CPU и custom metrics (RPS через Prometheus).

Для большинства стартапов и средних проектов — Kubernetes избыточен. ECS или Fly.io дают 80% возможностей при 20% операционной сложности.

Мониторинг и alerting

Сервер без мониторинга — это ожидание инцидента. Минимальный стек: Prometheus + Grafana (или Grafana Cloud для managed), alerting на disk > 80%, memory > 85%, CPU > 90% за 5 минут, error rate > 1%. Uptime через Better Uptime или Upptime (self-hosted).

Logs: Loki + Grafana или CloudWatch Logs Insights. Структурированные JSON-логи (winston, pino) — обязательно, иначе поиск по логам превращается в боль.

Что входит в настройку хостинга

• Аудит текущей инфраструктуры и профилирование нагрузки
• Выбор целевой архитектуры (VPS, AWS, serverless, Kubernetes)
• Настройка CI/CD pipeline (GitHub Actions, GitLab CI) с автоматическим деплоем
• IaC через Terraform или Pulumi (инфраструктура как код)
• Конфигурация Nginx, SSL-сертификаты, HTTP/2, brotli
• Мониторинг и алертинг (Prometheus + Grafana, PagerDuty)
• Документация runbooks и обучение команды

Дополнительно: пишите, если нужна миграция с текущего хостинга или интеграция с внешними сервисами.

Процесс работы

1. Аудит текущей инфраструктуры (2–5 дней)
2. Выбор целевой архитектуры с обоснованием по нагрузке и бюджету (1–3 дня)
3. Настройка CI/CD pipeline (GitHub Actions, GitLab CI) (2–5 дней)
4. IaC через Terraform или Pulumi (3–10 дней)
5. Настройка мониторинга и alerting (2–5 дней)
6. Документация runbooks и обучение команды (1–3 дня)

Наш опыт — 7 лет на рынке, более 50 проектов, гарантия работоспособности после деплоя.

Сроки

• Базовый деплой на VPS с Docker + Nginx + CI/CD: 1–2 недели.
• Настройка AWS инфраструктуры с Auto Scaling, RDS, CDN: 3–6 недель.
• Миграция на EKS с нуля: 6–12 недель.
• Настройка Vercel/Netlify для JAMstack: 3–5 дней.

Стоимость рассчитывается индивидуально в зависимости от сложности и объёма работ. Получите консультацию — оценим вашу архитектуру за один день.