Оптимізація продуктивності та захист сайту: налаштування DNS, кешування, WAF

Cloudflare — основний CDN, який ми використовуємо в 80+ проектах. Безкоштовний тариф включає мережу з 300+ точок присутності, DDoS-захист та SSL. Але без правильної конфігурації сайт може гальмувати або бути вразливим: типові помилки — неправильні Cache Rules, відкрита адмінка, неоптимальний TLS. Ми знаємо, як це виправити.

При неправильному налаштуванні TTFB може перевищувати 500 мс, а незахищені ендпоінти стають ціллю ботів. Наш клієнт — інтернет-магазин на Laravel із середнім трафіком 5k відвідувачів на день — зіткнувся саме з цим: LCP 3.2 секунди, постійні атаки на адмінку. Після нашого налаштування Cloudflare LCP впав до 0.8 с (зменшення на 75%), а кількість атак знизилася на 95%. Домоглися цього комбінацією Cache Rules, WAF та Workers.

Які проблеми вирішуємо

• Високий TTFB (відгук сервера > 500 мс) — Cloudflare з проксуванням скорочує маршрут до найближчої PoP. Кешування статики знижує навантаження на сервер у 3–5 разів, а час завантаження — на 60%.
• Вразливості на рівні HTTP — відкриті порти, SQL-ін'єкції, брутфорс. WAF та Firewall Rules блокують до 90% атак без зміни коду.
• Складності з SSL — невалідні сертифікати, помилки Mixed Content. Full (strict) з автоматичним редиректом на HTTPS вирішує це за 15 хвилин.
• Повільне завантаження для користувачів з віддалених регіонів — Cloudflare маршрутизує запити через найближчі PoP, знижуючи затримки до 50 мс. Порівняно з безкоштовним CDN від Google, Cloudflare забезпечує вдвічі меншу затримку.

Чому варто обрати Full (strict) SSL?

Ми обрали Full (strict) — сервер використовує Let's Encrypt, Cloudflare довіряє. Це забезпечує end-to-end шифрування без втрати продуктивності. Cloudflare CDN краще за конкурентів за часом відгуку в 2 рази. Гарантуємо підвищення продуктивності щонайменше на 30% після налаштування.

Як Cache Rules прискорюють сайт?

Замість застарілих Page Rules використовуємо Cache Rules — вони гнучкіші, підтримують регулярні вирази та не лімітовані трьома правилами. Порівняння:

Приклад конфігурації для магазину на Laravel:

# Cloudflare Dashboard → Caching → Cache Rules

# Правило 1: Кешувати статичні асети
Умова: URI Path matches wildcard /assets/*
Дія: Cache Everything, Edge TTL: 1 year, Browser TTL: 1 year

# Правило 2: Не кешувати панель управління
Умова: URI Path matches wildcard /admin/*
Дія: Bypass Cache

# Правило 3: Не кешувати авторизованих користувачів
Умова: Cookie "laravel_session" exists
Дія: Bypass Cache

# Правило 4: Кешувати публічні сторінки
Умова: URI Path matches regex ^/(|catalog|products|blog).*
Дія: Cache Everything, Edge TTL: 5 minutes

Результат: LCP скоротився в 3 рази, навантаження на сервер впало на 70%.

Як автоматизувати налаштування Cloudflare з Terraform?

Ми використовуємо Terraform для управління Cloudflare як кодом. Це дозволяє версіонувати зміни та швидко розгортати конфігурацію на нових проектах. Приклад налаштування зони:

resource "cloudflare_zone_settings_override" "example" {
    zone_id = var.zone_id
    settings {
        ssl            = "strict"
        always_use_https = "on"
        min_tls_version  = "1.2"
        http3            = "on"
        brotli           = "on"
        early_hints      = "on"
        cache_level      = "aggressive"
    }
}

Workers для заголовків безпеки

addEventListener('fetch', event => {
    event.respondWith(addSecurityHeaders(event.request));
});

async function addSecurityHeaders(request) {
    const response = await fetch(request);
    const newResponse = new Response(response.body, response);

    newResponse.headers.set('X-Frame-Options', 'SAMEORIGIN');
    newResponse.headers.set('X-Content-Type-Options', 'nosniff');
    newResponse.headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
    newResponse.headers.set('Permissions-Policy', 'camera=(), microphone=()');

    return newResponse;
}

WAF та Firewall Rules

# Блокувати ботів за User-Agent
(http.user_agent contains "sqlmap") or
(http.user_agent contains "nikto") or
(http.user_agent eq "") → Block

# Challenge для підозрілих країн
(ip.geoip.country in {"CN" "RU" "KP"} and not cf.bot_management.verified_bot)
→ Managed Challenge

# Rate Limiting для API
/api/* → 100 запитів за 60 секунд з одного IP

Процес роботи

1. Аудит поточної архітектури — знімаємо DNS-записи, перевіряємо сертифікати, навантаження.
2. Проектування — визначаємо стратегію кешування, списки білих/чорних IP, правила WAF.
3. Реалізація — перенесення DNS, налаштування SSL, Cache Rules, Workers, Firewall.
4. Тестування — перевіряємо Core Web Vitals, швидкість завантаження, роботу API.
5. Деплой та моніторинг — вмикаємо Terraform для версіонування конфігурації.

Що входить у роботу

• Документація з нової конфігурації DNS та кешування.
• Доступи до Cloudflare-акаунту (якщо створюємо новий).
• Навчання команди: як редагувати Cache Rules та Workers.
• Підтримка протягом 30 днів після налаштування.

Строки та вартість

Базова конфігурація (DNS, кешування, WAF) — від 2 до 4 годин. Повний проект з міграцією, Workers та Terraform — 1–2 дні. Вартість: від $500 для базової конфігурації до $1500 для повного проекту. Точна ціна після аудиту. Зв'яжіться з нами — оцінимо ваш проект за один робочий день.

Типові помилки при налаштуванні Cloudflare

• Cache Everything для динамічних сторінок — призводить до відображення застарілих даних. Використовуйте Bypass або Edge TTL не більше 5 хвилин.
• SSL Flexible замість Strict — HTTPS між Cloudflare та сервером не шифрується, що небезпечно.
• Відкрита адмінка — не забудьте приховати панель управління за Country Challenge або IP-білим списком.
• Ігнорування Workers для заголовків — без них можливі XSS та clickjacking.

Чому варто довірити налаштування Cloudflare нам?

Більше 5 років досвіду, 150+ налаштованих проектів. Використовуємо Infrastructure as Code (Terraform) для повторюваності та контролю версій. Наші інженери — сертифіковані спеціалісти Cloudflare. Отримайте консультацію — пишіть! Або замовте налаштування прямо зараз.

Cloudflare Cache Rules documentation

Ми регулярно стикаємося з ситуацією: «Сайт не відкривається» о 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 днів.

Вартість розраховується індивідуально залежно від складності та обсягу робіт. Отримайте консультацію — оцінимо вашу архітектуру за один день.