𝗢𝗽𝘁𝗶𝗺𝗶𝘇𝗲 𝗖𝗼𝗿𝗲 𝗪𝗲𝗯 𝗩𝗶𝘁𝗮𝗹𝘀 𝗪𝗶𝘁𝗵 𝗖𝗗𝗡 𝗮𝗻𝗱 𝗖𝗮𝗰𝗵𝗶𝗻𝗴

گوگل از Core Web Vitals برای اندازه‌گیری سرعت و پایداری سایت شما استفاده می‌کند. امتیازات بهتر منجر به سئو (SEO) بهتر و نرخ تبدیل (conversions) بیشتر می‌شود.

شما باید سه معیار اصلی را دنبال کنید:

  • Largest Contentful Paint (LCP): هدف زیر ۲.۵ ثانیه.
  • Interaction to Next Paint (INP): هدف زیر ۲۰۰ میلی‌ثانیه.
  • Cumulative Layout Shift (CLS): هدف زیر ۰.۱.

یک شبکه توزیع محتوا (CDN) این امتیازات را با کاهش تأخیر (latency) بهبود می‌بخشد. این شبکه محتوا را از سرورهایی که به کاربران شما نزدیک‌تر هستند، ارائه می‌دهد.

نحوه همکاری CDN و هدرهای کشینگ (caching headers):

  • فاصله بین کاربر و سرور را کاهش می‌دهند.
  • پاسخ‌های API را در لبه (edge) کش می‌کنند.
  • اگر سرور اصلی (origin server) شما از دسترس خارج شود، محتوای قدیمی را ارائه می‌دهند.
  • تصاویر را به‌طور خودکار تغییر اندازه داده و فشرده می‌کنند.

از این استراتژی‌های هدر استفاده کنید:

  • دارایی‌های استاتیک (Static assets): از زمان‌های کش طولانی همراه با هش فایل (file hashes) استفاده کنید.
  • صفحات HTML: از زمان‌های کش کوتاه‌تر استفاده کنید.
  • پاسخ‌های API: محتوا را کش کنید تا بار سرور کاهش یابد.

اگر از یک Headless CMS استفاده می‌کنید، تولید سایت استاتیک (SSG) را با کشینگ در لبه (edge caching) ترکیب کنید. این کار تأخیرهای جاوااسکریپت را از بین برده و سرعت سایت شما را افزایش می‌دهد.

بهینه‌سازی تصاویر برای LCP حیاتی است. اکثر عناصر بزرگ LCP، تصاویر اصلی (hero images) هستند. از یک CDN برای ارائه تصاویر در فرمت‌های WebP یا AVIF استفاده کنید. این کار می‌تواند وزن صفحه در موبایل را ۶۰٪ تا ۷۰٪ کاهش دهد.

به‌روزرسانی‌ها را با ابطال هوشمند کش (smart cache invalidation) مدیریت کنید. هنگام به‌روزرسانی محتوا، از وب‌هوک‌ها (webhooks) برای پاک کردن کش‌های خاص استفاده کنید. این کار از نمایش داده‌های قدیمی به کاربران جلوگیری می‌کند.

چک‌لیست شما برای عملکرد بهتر:

  • از یک CDN مدرن با قابلیت محاسبات لبه‌ای (edge computing) استفاده کنید.
  • برای هر نوع منبع، هدرهای cache-control مشخصی تنظیم کنید.
  • تصاویر را در لبه (edge) بهینه کنید.
  • پاسخ‌های API را کش کنید تا از سرور اصلی خود محافظت کنید.
  • هنگام تغییر محتوا، از وب‌هوک‌ها برای پاکسازی کش (purge) استفاده کنید.
  • معیارهای کاربران واقعی (real user metrics) را به‌طور مداوم نظارت کنید.

تغییرات کوچک در نحوه ارائه داده‌ها، منجر به بهبود چشمگیر در رتبه‌بندی می‌شود.

Source: https://dev.to/sohanaakbar7/optimizing-core-web-vitals-using-cdn-caching-headers-2lfd

Optional learning community: https://t.me/GyaanSetuAi