CDN تصاویر چیست و چقدر روی سرعت و بهبود عکس کمک میکند؟

با استفاده از CDN تصویر می‌تونید بدون اینکه نیاز به تغییرات دستی مداوم در عکس‌های سایتتون داشته باشید، به‌صورت خودکار و در لحظه اون‌ها رو تغییر بدید و با فرمت، اندازه و حجم مناسب و در یک کلام، به‌صورت بهینه‌شده، به کاربران ارائه بدید.

توی این مقاله می‌خوایم درباره نحوه کار CDN ها، چگونگی تاثیر CDN عکس در بهبود رتبه سئو، بهترین CDNهای عکس موجود در دنیا و همچنین روش تشخیص اینکه به CDN نیاز دارید یا نه صحبت کنیم.

CDN یا شبکه توزیع محتوا چیه؟

فرض کنید فردی در یکی از ایالت‌های آمریکا صاحب یک فروشگاه اینترنتیه. همه محتواهای مربوط به این فروشگاه، از طریق سروری که در این ایالت مستقره به کاربران ارسال می‌شه.

مسئله اینجاست که این فروشگاه مخاطبانی از سراسر جهان داره؛ این یعنی افرادی که در فاصله دورتری از سرورهای فروشگاه قرار دارن، برای دریافت محتوا و اطلاعات سایت باید زمان بیشتری انتظار بکشن. کند بودن لود محتوا و زمان انتظار طولانی‌تر باعث می‌شه مخاطبان از صفحه خارج بشن و تبدیل به مشتری نشن.

نقش مهم CDN (مخفف Content Delivery Network یا شبکه توزیع محتوا) اینجا معلوم می‌شه. CDN شامل مجموعه‌ای از سرورهای جهانیه که محتوای سایت رو ذخیره (کَش) کرده و به مخاطبان نزدیک به محل جغرافیایی هر سرور تحویل می‌دن.

حالا فروشگاه اینترنتی که در آمریکا قرار داره، به کمک CDN می‌تونه محتوای سایتش رو در زمان کوتاه‌تری و از طریق سرورهای نزدیک به موقعیت جغرافیایی مخاطبانش ارسال کنه.

CDN تصویر چیه؟

وقتی صحبت از استفاده از تصویر در محتوا می‌شه، با پیچیدگی‌های مختلفی روبرو می‌شیم. از یک طرف تصاویر می‌تونن مکمل محتوای متنی بوده و تاثیر زیادی در افزایش نرخ تعامل مخاطبان داشته باشن. اما از طرف دیگه، در صورتی‌که بهینه‌سازی تصاویر به‌درستی انجام نشده باشه، می‌تونن تاثیر منفی داشته باشن و باعث از دست رفتن مخاطبان سایت و افت رتبه سئو بشن.

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

تاثیر CDN تصویر روی سرعت سایت

بعضی روش‌های بهینه‌سازی تصویر که سی دی ان به‌صورت خودکار اجرا می‌کنه، شامل موارد زیر می‌شه:

• انتخاب بهترین فرمت عکس
• تغییر ابعاد و سایز عکس
• فشرده‌سازی عکس
• ریسپانسیو کردن تصاویر
• برش و تغییر شکل تصویر (دایره، مربع و …)
• واترمارک کردن و اضافه کردن متن به تصاویر
• پیاده‌سازی افکت‌ها
• ایجاد Tumbnail تصاویر

همه مواردی که به‌صورت بولت‌وار بهشون اشاره کردیم جزء مهم‌ترین روش‌های سئوی عکس هستن. این روش‌ها مستقیماً روی:

• بالا بردن سرعت لود صفحه
• کاهش هزینه پهنای باند
• افزایش رضایت کاربر
• کاهش نرخ پرش
• بهبود خطاهای مربوط به Properly size images
• بهبود خطای Properly encode images
• بهبود رتبه سئو

اثرگذار هستن.

اجزای تشکیل‌دهنده CDN‌ تصویر

هر CDN از سه جز اصلی تشکیل شده که در کنار هم به تحویل محتوای بهینه کمک می‌کنن:

• سیستم تحویل محتوا
• سیستم پردازش
• محل ذخیره داده

در ادامه هرکدوم از این اجزا و نقشش رو در تشکیل CDN به‌صورت خلاصه توضیح می‌دیم.

تحویل محتوا توسط CDN تصویر

وظیفه تحویل محتوا به دستگاه کاربر و سرعت بخشیدن به این فرایند رو CDN های معمولی - که در ابتدای این مقاله بهشون اشاره کردیم - تعیین می‌کنن. در واقع هرکدوم از CDN‌های تصویر، بر پایه این CDNهای صالی سوار شدن.

از جمله معروف‌ترین شبکه‌های توزیع محتوا در جهان می‌شه به:

• AWS CloudFront 
• Akamai
• Fastly

 اشاره کرد.

پردازش محتوا توسط CDN‌ تصویر

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

ذخیره داده در CDN تصویر

ذخیره داده در سی دی ان‌های مخلتف به شیوه‌های متفاوتی انجام می‌شه. برخی از این CDN‌ها برای اینکه استفاده از این سیستم رو برای کاربران خودشون ساده‌تر کنن، از کتابخانه‌های چندرسانه‌ای (Media Library) استفاده می‌کنن. توسط این کتابخانه‌ها کاربران می‌تونن به‌راحتی تصاویر خودشون رو آپلود و مدیریت کنن.

نحوه کارکرد CDN‌ تصاویر چطوریه؟

مراحلی که از زمان درخواست دستگاه کاربر برای لود تصویر تا تحویل و نمایش تصویر توسط CDN‌ طی می‌شه به‌صورت زیره:

• درخواست کاربر برای لود تصویر ابتدا وارد سیستم تحویل محتوا (CDN اصلی) می‌شه. CDN‌ به دنبال کش می‌گرده و در صورت وجود کش، تصویر کش‌شده رو برای کاربر نمایش می‌ده.
• اگر تصویر روی سرورهای CDN اصلی کَش نشده باشه، درخواست کاربر به سیستم پردازش ارسال می‌شه.
• سرور پردازش در قدم اول به دنبال یک کپی از تصویر درخواستی - در صورتی که وجود داشته باشه - می‌گرده تا اون رو ارسال کنه.
• در صورتی که این کار ممکن نباشه، درخواست رو به سیستم ذخیره داده (مثلاً کتابخانه رسانه‌ای) می‌فرسته تا به دنبال اون تصویر بگرده.
• در پاسخ به این درخواست، سیستم ذخیره داده تصویر درخواستی رو به سرور پردازش تحویل می‌ده.
• در سیستم پردازش، بهینه‌سازی‌های لازم روی تصویر انجام می‌شه و بعد دوباره به CDN‌ برگردونده می‌شه. همچنین یک کپی از تصویر پردازش‌شده برای آینده نگه داشته می‌شه.
• CDN، تصویر رو به کاربر تحویل می‌ده و همزمان اون رو برای درخواست‌های آینده کاربر، کَش می‌کنه؛ در نتیجه دفعه بعد که قرار باشه اون تصویر لود بشه، CDN از طریق کش اون رو تحویل می ده.

بهترین CDN‌های تصویر

از جمله محبوب‌ترین CDNهای اختصاصی تصویر در دنیا می‌شه به موارد زیر اشاره کرد:

• Imagekit
• Cloudinary
• Imagify (استفاده نامحدود با پرداخت ۹ دلار در ماه)
• Bunny CDN
• Imagix

استفاده از زیردامنه به‌عنوان CDN‌ تصویر

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

از جمله سایت‌هایی که از این روش برای ساخت CDN اختصاصی تصویر استفاده می‌کنن می‌شه به دیجیکالا، سافت ۹۸ و میزفاتولز اشاره کرد.

آيا هم شما به CDN تصویر نیاز دارین؟

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

بهترین راه برای جواب دادن به این سوال بررسی وضعیت فعلی عکس‌های سایته. برای این کار لازمه از ابزارهایی مثل GTmetrix یا Google PageSpeed Insights‌ استفاده کنید. اما از اونجا که این ابزارها برای ایرانی‌ها تحریم هستن، پیشنهاد می‌کنیم از ابزار سئوی واکاوی صفحه میزفاتولز استفاده کنید.

ابزار واکاوی صفحه میزفاتولز رایگانه و به کمک اون می‌تونید اطلاعات خوبی رو درباره وضعیت سرعت صفحات سایتتون و نقاط ضعفش پیدا کنید. گزارش‌های این ابزار بهتون کمک می‌کنه تا بفهمید چند درصد از تصاویرتون نیاز به بهینه‌سازی دارن. طبق این گزارش‌ها می‌تونید برای استفاده از CDN یا راه‌های دیگر بهینه‌سازی تصاویر تصمیم‌گیری کنید.