Що таке CDN і як мережа доставки контенту впливає на швидкість сайту

Коли користувач з Лондона заходить на сайт, сервер якого знаходиться в Києві, запит проходить тисячі кілометрів через численні мережеві вузли. Кожен кілометр додає затримку. Для статичних ресурсів, таких як зображення, CSS і JavaScript-файли, цю затримку можна майже повністю усунути за допомогою CDN.

Як працює CDN

CDN - це глобально розподілена мережа серверів, які називаються точками присутності, або PoP. Cloudflare має понад 300 таких точок по всьому світу, а AWS CloudFront - більше 450. Коли користувач запитує ресурс, DNS автоматично направляє запит до найближчої точки присутності.

При першому запиті ресурсу точка присутності не має його в кеші, тому вона звертається до оригінального сервера. Отримавши відповідь, CDN кешує її і відповідає на цей запит. Усі наступні запити з тієї ж географічної зони обслуговуються безпосередньо з CDN, без звернення до оригінального сервера.

Час кешування визначається заголовком Cache-Control, який ресурс повертає при першому запиті. Статичні ресурси з хешем у назві файлу можна кешувати роками, оскільки при зміні файлу змінюється його назва.

Що кешує CDN

Статичні ресурси є найочевиднішим кандидатом для CDN: JavaScript-бандли, CSS-файли, зображення, шрифти і відео.

Сучасні CDN також підтримують edge computing, тобто виконання коду безпосередньо на вузлах мережі. Наприклад, Cloudflare Workers, AWS Lambda@Edge і Vercel Edge Functions дозволяють виконувати серверний JavaScript у багатьох точках одночасно з мінімальною затримкою.

Вплив на Core Web Vitals

CDN безпосередньо впливає на ключові метрики продуктивності. LCP, тобто час завантаження найбільшого елементу, значно покращується, коли зображення доставляються з найближчого вузла. TTFB, тобто Time to First Byte, скорочується, оскільки відповідь приходить з географічно близького сервера.

Безпека через CDN

Сучасні CDN надають значно більше, ніж просто кешування. Вони забезпечують захист від DDoS-атак, фільтрують шкідливі запити і приховують IP-адресу оригінального сервера, що ускладнює прямі атаки.

Вибір CDN провайдера

Cloudflare є найпопулярнішим вибором для більшості проєктів завдяки простоті і безкоштовному плану. AWS CloudFront є природним вибором для проєктів на AWS. Fastly орієнтований на enterprise-клієнтів з високими вимогами до продуктивності.

CDN перестав бути опцією лише для великих компаній. Сьогодні це базова інфраструктура для будь-якого серйозного веб-проєкту, яка значно покращує продуктивність і безпеку при мінімальних витратах на налаштування.