انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #8 من درس: التخزين المؤقت HTTP

Inspecting Cache in Browser DevTools فحص حالة الكاش في المتصفح

أتقن منظومة التخزين المؤقت في HTTP وفق معيار RFC 9111: الفرق بين الكاش الخاص والكاش المشترك، وحساب الصلاحية، وتوجيهات Cache-Control والفرق بين no-cache وno-store، والتحقق الشرطي عبر ETag وكود 304، واستراتيجية كسر الكاش.
1 صفوف تعليمية
تكنولوجيا الويب
1,629 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عند فحص حركة الشبكة داخل أدوات المطورين (DevTools → Network‏) أو عبر أداة سطر الأوامر curl -I، راقب عمودي الحالة (Status‏) والحجم (Size‏) لتمييز مصدر كل ملف:

  • العبارة 200 OK (from memory cache): جُلبت النسخة فوراً من الذاكرة العشوائية RAM في التبويب الحالي بزمن 0 ms.
  • العبارة 200 OK (from disk cache): جُلبت النسخة من الكاش المحفوظ على القرص الصلب دون إرسال أي طلب عبر الشبكة.
  • الكود 304 Not Modified: أرسل المتصفح طلباً شرطياً عبر الشبكة وأكد الخادم صلاحية النسخة المحلية دون إعادة إرسال جسم الملف.
  • خيار تعطيل الكاش أثناء البرمجة (Disable cache‏): تفعيل مربع Disable cache أعلى تبويب Network يوقف استخدام الكاش المحلي طالما بقيت نافذة DevTools مفتوحة، ليضمن لك رؤية تعديلاتك البرمجية فوراً.
  • curl -I https://www.closetag.com/assets/app.css
  • curl -i -H 'If-None-Match: "v2-8f9d1a"' https://www.closetag.com/assets/app.css

جميع فقرات هذا الدرس (التخزين المؤقت HTTP)