3.3الأداء & التخزين المؤقت
الأساسي في 30 ثانية
- التخزين المؤقت يقدّم نسخة مولّدة مسبقًا من الصفحات بدل إعادة بنائها في كل زيارة: رافعة السرعة الأولى.
- نجمع التخزين المؤقت + صور محسّنة + تحميل مؤجل (lazy loading)؛ ويُكمل تصغير CSS/JS وشبكة CDN حسب الحاجة.
- لا نخمّن: نقيس بـPageSpeed Insights أو GTmetrix قبل كل تحسين وبعده.
حالة مصغّرة مستمرة — ثماني ثوانٍ كثيرة جدًا
يستغرق موقع الورشة ثماني ثوانٍ للظهور: الصور ثقيلة، وكل صفحة تُعاد بناؤها في كل زيارة. يقيس سمير نقطة البداية، ويثبّت تخزينًا مؤقتًا مناسبًا للاستضافة، ويفعّل التصغير ويتحقق من أن شيئًا لم ينكسر. ثم يقيس مجددًا ويعرض المكسب على حسن بالأرقام.
تكملة الحالة 3.2 — الموقع مرئي، ويجب أن يكون سريعًا أيضًا.
1. التخزين المؤقت، الرافعة الأولى
دون تخزين مؤقت، يعيد WordPress بناء كل صفحة في كل زيارة: يستعلم PHP من قاعدة البيانات، ويجمّع HTML، ثم يرسله. التخزين المؤقت يحتفظ بنسخة مولّدة ويقدّمها فورًا تقريبًا. وهو غالبًا أكبر مكسب لموقع تعريفي أو مدونة.
اختيار الإضافة يعتمد على الاستضافة: LiteSpeed Cache إذا كان الخادم LiteSpeed، وWP Super Cache أو W3 Total Cache مجانًا، وWP Rocket مدفوعًا للبساطة. لا يفعّل سمير إلا إضافة تخزين مؤقت واحدة، ويفرّغ الذاكرة المؤقتة بعد كل تعديل مهم.
2. الإكمال والقياس
لا يكفي التخزين المؤقت إذا كانت الصور تزن عدة ميغابايت. نجمع معه تحسين الصور (القسم 1.3) والتحميل المؤجل. والتصغير يحذف المسافات والتعليقات من CSS/JS؛ وCDN يقرّب الملفات من الزوار، خصوصًا لجمهور دولي. ويجب اختبار كل خيار: فالتصغير العدواني قد يكسر العرض.
يقيس سمير بـPageSpeed Insights أو GTmetrix قبل وبعد. ويسجّل الدرجات ووقت التحميل والتوصيات، ثم يصلح شيئًا واحدًا في كل مرة. في الأداء، الدليل رقمي: وهو أيضًا ما يطمئن العميل.
🔎 مثال ملموس — تسريع الورشة (حالة سمير)
قبل: 8,2 ث، درجة PageSpeed 38.
1. تغيير أحجام الصور وضغطها.
2. تفعيل LiteSpeed Cache (تخزين الصفحات + التحميل المؤجل).
3. تصغير CSS/JS واختباره على صفحة.
بعد: 2,1 ث، الدرجة 82.
→ تحقق من السلة والنماذج بعد التفعيل.النتيجة: مكسب مقيس وقابل للعرض على العميل.
الدرس: تحسين واحد في كل مرة، ثم القياس.
مفردات القسم
- التخزين المؤقت (cache)
- نسخة مولّدة مسبقًا من الصفحات تُقدَّم بدل إعادة بنائها في كل زيارة.
مثال بسيط: تُحمَّل صفحة المجموعات فورًا تقريبًا.
ما ليس كذلك: ترك WordPress يعيد بناء كل صفحة في كل زيارة.
رد فعل: التخزين المؤقت = السرعة الأولى.
- إضافة التخزين المؤقت
- وحدة تولّد التخزين المؤقت وتقدّمه: LiteSpeed، WP Super Cache، WP Rocket.
مثال بسيط: إضافة واحدة نشطة في كل مرة.
ما ليس كذلك: تكديس ثلاث إضافات تخزين مؤقت.
رد فعل: إضافة واحدة، مضبوطة جيدًا.
- التصغير (minification)
- حذف المسافات والتعليقات من CSS/JS لتقليل الوزن.
مثال بسيط: تفعيل التصغير ثم اختبار العرض.
ما ليس كذلك: التصغير دون التحقق من عمل الصفحة.
رد فعل: اختبار بعد التصغير.
- CDN
- شبكة خوادم تقرّب الملفات من الزائر.
مثال بسيط: Cloudflare لجمهور خارج المغرب.
ما ليس كذلك: دفع ثمن CDN دون جمهور دولي.
رد فعل: CDN = مفيد حسب الجمهور.
- القياس (PageSpeed)
- أدوات تقيّم السرعة وتسرد المشكلات الواجب إصلاحها.
مثال بسيط: PageSpeed Insights قبل/بعد.
ما ليس كذلك: الحكم على السرعة بالإحساس.
رد فعل: أرقام قبل/بعد.
في التطبيق — تسريع الموقع وإثباته
- قِس صفحة في PageSpeed Insights وسجّل الدرجة.
- ثبّت إضافة تخزين مؤقت واحدة مناسبة للاستضافة وفعّل تخزين الصفحات.
- فعّل الخيارات المفيدة (التحميل المؤجل، التصغير) وتحقق من عمل الموقع.
- أعد القياس وقارن الدرجات ووقت التحميل.
نص جاهز — عرض المكسب (20 ثانية)
«سابقًا، كان موقعكم يستغرق أكثر من ثماني ثوانٍ للظهور. بعد التحسين، ننزل إلى نحو ثانيتين: يبقى الزوار، وGoogle تُقدّر المواقع السريعة. أريكم القياسات قبل وبعد.»
استند دائمًا إلى أرقام مقيسة، لا إلى انطباع.
نموذج نسخ ولصق — بطاقة الأداء
الصفحة المقيسة : _______________
الدرجة قبل : _______________ / الوقت : _______________
التخزين المؤقت مفعّل : نعم / لا (الإضافة : _______________)
الصور محسّنة : نعم / لا / التحميل المؤجل : نعم / لا
الدرجة بعد : _______________ / الوقت : _______________
الأعطال المتحقَّق منها : السلة / النماذج / القائمةاستضافة LiteSpeed
LiteSpeed Cache يوفّر التخزين المؤقت والتصغير والتحميل المؤجل مدمجة.
استضافة مشتركة عادية
WP Super Cache يكفي لموقع تعريفي؛ قِس بعد الضبط.
متجر
استبعد السلة والحساب من التخزين المؤقت، واختبر مسار الشراء.
جمهور دولي
أضف CDN وتحقق من الأداء من عدة مناطق.
✓ ممارسات جيدة
- قِس قبل كل تغيير وبعده.
- إضافة تخزين مؤقت واحدة.
- اختبر السلة والنماذج بعد التحسين.
✗ أخطاء شائعة
- تكديس عدة إضافات تخزين مؤقت.
- التصغير دون التحقق من العرض.
- التحسين بالإحساس دون قياس.
النقاط الأساسية
- التخزين المؤقت هو رافعة السرعة الأولى.
- التخزين المؤقت + الصور + التحميل المؤجل ثلاثي الأداء.
- إضافة تخزين مؤقت واحدة، مضبوطة جيدًا.
- نقيس بـPageSpeed قبل وبعد.
تحدي 48 ساعة — طبّق غدًا
قِس صفحة، وفعّل التخزين المؤقت وحسّن الصور، ثم قِس مجددًا. سجّل الدرجتين والوقت المكسوب. 20 دقيقة.
- أقيس السرعة قبل التحسين.
- أفعّل تخزينًا مؤقتًا مناسبًا دون تكرار.
- أتحقق من أن التحسينات لا تكسر شيئًا.
أسئلة شائعة
هل التخزين المؤقت مفيد في موقع صغير؟
نعم: حتى الموقع التعريفي قليل الزيارات يكسب زمن استجابة واضحًا، ويخفّض التخزين المؤقت حمل الخادم. وهو من أكثر التحسينات مردودية.
لماذا نفرّغ التخزين المؤقت بعد تعديل؟
لأن التخزين المؤقت يقدّم نسخة قديمة من الصفحة. بعد تعديل المحتوى أو التصميم أو إضافة، نفرّغه لنرى النسخة الجديدة ونقدّمها.
هل CDN ضروري؟
لا. يصبح مفيدًا حين يكون الجمهور بعيدًا عن الخادم أو الزيارات كبيرة. لجمهور محلي، غالبًا تكفي استضافة جيدة وتخزين مؤقت مضبوط.
يستغرق موقع الورشة ثماني ثوانٍ للظهور. ما الرافعة الأكثر مردودية؟