شبکه توزیع محتوا (CDN)

کلودفلر محتوای استاتیک را در بیش از ۳۰۰ مرکز داده جهانی ذخیره می‌کند تا سرعت بارگذاری را به حداکثر برساند

300+
مرکز داده جهانی
80%
کاهش زمان بارگذاری
60%
کاهش مصرف پهنای باند
رایگان
برای همیشه
توضیح ساده

CDN چیست؟

تعریف ساده:

CDN مانند انبارهای کوچک در شهرهای مختلف است که کالاهای پرفروش را نزدیک مشتریان ذخیره می‌کند.

کاربرد:

وقتی کاربری به وب‌سایت شما مراجعه می‌کند، محتوا از نزدیک‌ترین سرور کلودفلر ارسال می‌شود، نه از سرور اصلی شما.

نتیجه:

کاهش ۵۰٪ تا ۸۰٪ زمان بارگذاری، کاهش فشار روی سرور و بهبود تجربه کاربری.

مثال عملی

کاربر در تهران
۱۵msسرور استانبول
کاربر در لندن
۸msسرور لندن
کاربر در نیویورک
۱۲msسرور نیویورک
همه از نزدیک‌ترین سرور محتوا دریافت می‌کنند
توضیح دقیق

نحوه کارکرد CDN کلودفلر

درک عمیق از معماری و فناوری پشت CDN کلودفلر

معماری فنی

۱

پروکسی معکوس

کلودفلر بین کاربر و سرور شما قرار می‌گیرد

۲

کش هوشمند

محتوای استاتیک در Edge Servers ذخیره می‌شود

۳

مسیریابی بهینه

Anycast routing برای انتخاب بهترین مسیر

انواع محتوای کش‌شده

تصاویر

JPG, PNG, WebP

استایل

CSS, SCSS

اسکریپت

JS, TypeScript

فایل‌ها

PDF, ZIP, Fonts

CDN چگونه کار می‌کند؟

فرآیند ارسال محتوا از CDN به کاربر در ۴ مرحله

۱

درخواست کاربر

کاربر آدرس وب‌سایت شما را در مرورگر تایپ می‌کند. DNS کلودفلر درخواست را به نزدیک‌ترین Edge Server هدایت می‌کند.

کاربر
example.com
۲

تشخیص نزدیک‌ترین سرور

کلودفلر با استفاده از Anycast routing و BGP، بر اساس موقعیت جغرافیایی و شرایط شبکه، بهترین Edge Server را انتخاب می‌کند.

۱۵ms
تهران → استانبول
۸ms
لندن → لندن
۱۲ms
نیویورک → نیویورک
۳

بررسی کش

Edge Server بررسی می‌کند که آیا محتوای درخواستی در کش موجود است. اگر موجود باشد (Cache Hit)، فوراً ارسال می‌شود، در غیر این صورت (Cache Miss) از Origin Server دریافت می‌شود.

Cache Hit

محتوا در کش موجود است

⚡ ارسال فوری (< ۱۰ms)

Cache Miss

محتوا در کش موجود نیست

🔄 درخواست از Origin Server
۴

ارسال محتوا و کش

محتوا (از کش یا Origin Server) به کاربر ارسال می‌شود. اگر محتوا جدید باشد، در Edge Server کش می‌شود تا درخواست‌های بعدی سریع‌تر پاسخ داده شوند.

Edge Server → محتوا → کاربر (سرعت بالا)
✓ محتوا در کش ذخیره شد
⚡ درخواست‌های بعدی: فوری

انواع کش و TTL

درک عمیق از مدیریت کش در کلودفلر

سطوح کش

Browser Cache

کش محلی در مرورگر کاربر

TTL: ۱ ساعت تا ۱ سال

Edge Cache

کش در سرورهای کلودفلر

TTL: ۲ ساعت (پیش‌فرض)

Origin Cache

کش در سرور اصلی شما

TTL: بر اساس تنظیمات سرور

تنظیمات TTL بهینه

تصاویر۱ ماه
CSS/JS۱ هفته
HTML۱ ساعت
API۵ دقیقه

نکته: TTL کوتاه‌تر = محتوای تازه‌تر، TTL بلندتر = سرعت بیشتر

Cache Control Headers

Headers مهم:

# کش برای ۱ ساعت
Cache-Control: max-age=3600
# عدم کش
Cache-Control: no-cache
# کش عمومی
Cache-Control: public

مثال‌های عملی:

تصاویر استاتیک
max-age=2592000
فایل‌های CSS
max-age=604800
صفحات HTML
max-age=3600

مزایای CDN کلودفلر

چرا CDN برای وب‌سایت شما ضروری است؟

سرعت بالا

کاهش ۵۰٪ تا ۸۰٪ زمان بارگذاری صفحات با ارسال محتوا از نزدیک‌ترین سرور

TTFB کمتر از ۱۰۰ms

کاهش هزینه

کاهش مصرف پهنای باند سرور اصلی و در نتیجه کاهش هزینه‌های هاستینگ

تا ۶۰٪ کاهش هزینه

تجربه کاربری بهتر

کاربران راضی‌تر، نرخ بازگشت کمتر و افزایش تبدیل بازدیدکننده به مشتری

۲۵٪ افزایش تبدیل

قابلیت اطمینان

اگر سرور اصلی مشکل داشته باشد، محتوا همچنان از کش CDN در دسترس است

۹۹.۹٪ آپتایم

پوشش جهانی

بیش از ۲۷۵ شهر در ۱۰۰+ کشور برای دسترسی سریع در سراسر جهان

۲۷۵+ مرکز داده

بهینه‌سازی خودکار

فشرده‌سازی تصاویر، minify کردن CSS/JS و بهینه‌سازی خودکار محتوا

۴۰٪ کاهش حجم

مقایسه عملکرد با و بدون CDN

بدون CDN

زمان بارگذاری۳.۵ ثانیه
مصرف پهنای باند۱۰۰ GB/ماه
نرخ بازگشت۴۵٪

با CDN کلودفلر

زمان بارگذاری۰.۸ ثانیه
مصرف پهنای باند۴۰ GB/ماه
نرخ بازگشت۲۵٪

نتایج حاصل:

۷۷٪
کاهش زمان بارگذاری
۶۰٪
کاهش مصرف پهنای باند
۴۴٪
کاهش نرخ بازگشت

ویژگی‌های پیشرفته CDN

قابلیت‌های حرفه‌ای برای بهینه‌سازی بیشتر

Polish (بهینه‌سازی تصاویر)

فشرده‌سازی هوشمند تصاویر

کاهش خودکار حجم تصاویر بدون کاهش کیفیت قابل توجه. پشتیبانی از فرمت‌های مدرن مثل WebP.

JPEG اصلی۲.۵ MB
بعد از Polish۸۵۰ KB
WebP۶۲۰ KB

نتیجه: ۷۵٪ کاهش حجم، ۳ برابر سرعت بیشتر

Mirage

بارگذاری تطبیقی تصاویر

تشخیص خودکار سرعت اتصال کاربر و ارسال تصاویر با کیفیت متناسب. Lazy loading هوشمند.

WiFi سریع
کیفیت بالا
3G کند
کیفیت متوسط

ویژگی: تصاویر فقط هنگام نیاز بارگذاری می‌شوند

Rocket Loader

بهینه‌سازی JavaScript

بارگذاری غیرهمزمان JavaScript برای جلوگیری از مسدود شدن رندر صفحه.

قبل از Rocket Loader:
JS مسدودکننده → صفحه خالی
بعد از Rocket Loader:
محتوا اول → JS بعداً

نتیجه: ۵۰٪ بهبود First Contentful Paint

Auto Minify

فشرده‌سازی کد

حذف خودکار فضاهای اضافی، کامنت‌ها و کاراکترهای غیرضروری از CSS، JS و HTML.

# قبل از Minify
function hello() {
console.log("Hello World");
}
# بعد از Minify
function hello(){console.log("Hello World")}
CSS
۳۰٪ کمتر
JS
۲۵٪ کمتر
HTML
۱۵٪ کمتر

مثال واقعی

یک وب‌سایت خبری با ترافیک بالا چگونه از CDN استفاده می‌کند

قبل از CDN

زمان بارگذاری۳.۵ ثانیه
مصرف پهنای باند۱۰۰ GB/ماه
هزینه سرور۵۰۰ دلار/ماه
نرخ بازگشت۴۵٪

بعد از CDN

زمان بارگذاری۰.۸ ثانیه
مصرف پهنای باند۴۰ GB/ماه
هزینه سرور۲۰۰ دلار/ماه
نرخ بازگشت۲۵٪

نتایج حاصل:

۷۷٪
کاهش زمان بارگذاری
۶۰٪
کاهش هزینه
۴۴٪
کاهش نرخ بازگشت

راه‌اندازی CDN کلودفلر

راهنمای گام به گام فعال‌سازی CDN

۱

فعال‌سازی Proxy

در پنل DNS کلودفلر، آیکون ابری (Orange Cloud) را برای رکوردهای A و CNAME فعال کنید.

نکته: فقط رکوردهای مربوط به وب‌سایت را Proxy کنید، نه ایمیل یا FTP

۲

تنظیم Caching Level

در بخش Caching، سطح کش را روی "Standard" یا "Aggressive" تنظیم کنید.

No Query String
محافظه‌کارانه
Standard
توصیه‌شده
Aggressive
حداکثر کش
۳

فعال‌سازی بهینه‌سازی

ویژگی‌های Auto Minify، Polish و Rocket Loader را فعال کنید.

Auto Minify (CSS, JS, HTML)✓ فعال
Polish (Image Optimization)✓ فعال
Rocket Loader⚠ اختیاری

مرحله بعدی چیست؟

حالا که CDN را یاد گرفتید، با سایر خدمات بهینه‌سازی کلودفلر آشنا شوید