تواصل معنا
Webflow Premium Partner إيهاب فايز
العودة لأدوات AI Coding
البيانات والتحليلات

CDN Caching Strategies

تنفيذ تخزين CDN المؤقت مع رؤوس Cache-Control وstale-while-revalidate وأنماط إبطال التخزين المؤقت.

Claude Code Cursor Copilot Windsurf

نظرة عامة

يخزن التخزين المؤقت لشبكة توصيل المحتوى (CDN) نسخاً من محتواك في مواقع حافة حول العالم مما يقلل زمن الاستجابة وحمل الخادم. يتطلب التخزين المؤقت الفعال لـ CDN فهم رؤوس Cache-Control وتكوين مفتاح التخزين المؤقت واستراتيجيات الإبطال. توفر شبكات CDN الحديثة مثل Cloudflare وVercel Edge وAWS CloudFront تحكماً برمجياً في سلوك التخزين المؤقت.

رأس Cache-Control هو الآلية الأساسية للتحكم في تخزين CDN المؤقت. تشمل التوجيهات الرئيسية max-age وs-maxage وstale-while-revalidate وstale-if-error. يمكن دمج هذه التوجيهات لإنشاء استراتيجيات تخزين مؤقت متطورة توازن بين الحداثة والأداء.

إبطال التخزين المؤقت هو أصعب مشكلة في تخزين CDN المؤقت. تشمل الاستراتيجيات عناوين URL المُرقمة وتجزئة المحتوى للأصول الثابتة والمفاتيح البديلة والتطهير الناعم. للمحتوى الديناميكي تتيح الحوسبة الحافة تنفيذ منطق تخزين مؤقت مخصص على طبقة CDN.

لمن هذه الأداة؟

  • ضبط رؤوس Cache-Control للمحتوى الثابت والديناميكي
  • تنفيذ stale-while-revalidate لتحميل صفحات شبه فوري
  • إعداد إبطال التخزين المؤقت لتحديثات المحتوى
  • استخدام تخزين الحافة المؤقت لاستجابات API بـ TTLs متنوعة

التثبيت

إعداد Claude Code
npm install @cloudflare/workers-types

الإعدادات

// Next.js API route with caching headers
export async function GET() {
  const data = await fetchData()
  return new Response(JSON.stringify(data), {
    headers: {
      "Cache-Control": "public, s-maxage=60, stale-while-revalidate=300",
      "CDN-Cache-Control": "max-age=3600",
      "Surrogate-Key": "posts homepage",
    },
  })
}

const cache = caches.default
const cachedResponse = await cache.match(request)
if (cachedResponse) return cachedResponse