خدمة WordPress · الأداء والنمو
تحسين سرعة موقع ووردبريس بعد تشخيص أسباب البطء
تركيب إضافة كاش لم يحل المشكلة؟ لأن الكاش يخفي البطء ولا يعالجه. أبدأ بقياس أساس، ثم أحدد أين يُهدر الوقت بالضبط: صورة ثقيلة، سكربت يحجب العرض، استعلام بطيء، أو سيرفر لا يناسب الحمل. ثم أصلح ذلك وأقيس بعده بنفس الشروط.
ما وراء درجة PageSpeed
الدرجة من 100 ليست الهدف، والمائة الكاملة ليست وعدًا أقطعه
درجة Lighthouse نتيجة اختبار معملي واحد لصفحة واحدة بجهاز وشبكة محاكاة. مفيدة للتشخيص، مضللة كهدف وحيد.
ما يهم فعلًا هو ما يعيشه زوارك: هل تظهر الصفحة بسرعة على موبايل متوسط بشبكة 4G في القاهرة أو الرياض؟ هل يستجيب الزر عند النقر؟ هل يقفز المحتوى أثناء التحميل؟ هذه هي مقاييس Core Web Vitals التي تعتمدها Google من بيانات المستخدمين الحقيقيين (CrUX)، وهي ما أعمل عليه.
ما لا أضمنه: درجة 100/100، أو أن تحسين السرعة وحده سيرفع ترتيبك في البحث. السرعة عامل من عوامل كثيرة، وأي وعد بغير ذلك تسويق لا هندسة.
| المقارنة | اختبار السرعة | تجربة الزوار الفعلية |
|---|---|---|
| مصدر البيانات | اختبار محاكاة عبر Lighthouse أو PageSpeed Insights، بجهاز وشبكة محددين. | بيانات زوار حقيقيين في CrUX وSearch Console، مجمّعة خلال آخر 28 يومًا. |
| ماذا يوضّح؟ | يساعد على تحديد الصور والملفات والسكربتات التي تؤخّر التحميل. | يوضّح جودة تجربة الاستخدام لدى الزوار على أجهزتهم وشبكاتهم المختلفة. |
| ما حدوده؟ | قد تتغير النتيجة بين الاختبارات، ولا تمثّل وحدها تجربة كل زائر. | يحتاج زيارات كافية، ويظهر أثر التعديلات تدريجيًا مع تجدد البيانات. |
| كيف أستفيد منه؟ | تشخيص أسباب البطء، وترتيب الإصلاحات، واختبار أثرها قبل وبعد. | متابعة أثر التحسينات على تجربة الزوار وتقييم النتيجة بمرور الوقت. |
مواقع تقودها الصور والوسائط
عيادات وعقارات وصحة؛ واجهات تعتمد على صور كبيرة وأقسام كثيرة، وهو ما يجعل الصور والخطوط والسكربتات جزءًا أساسيًا من السرعة.
-

عيادات سيفيل
عيادات سيفيل، موقع ووردبريس في مجال العيادات الطبية؛ تقديم العيادات، مجالات الخدمة، طلب الموعد.
-

أوركيد كلينك
أوركيد كلينك، موقع ووردبريس في مجال عيادات التجميل؛ تقديم العيادة، بيانات الاتصال، الخدمات.
-

مستشفى تعافي
مستشفى تعافي، موقع ووردبريس في مجال المراكز الطبية؛ التعريف بالمركز، صور المكان، أقسام الخدمات.
-

د. أحمد عادل
د. أحمد عادل، موقع ووردبريس في مجال المواقع الطبية؛ الفريق، التواصل، الخدمات.
-

ويلنس
ويلنس، موقع ووردبريس في مجال التغذية؛ الهوية الغذائية، التواصل، مجالات الخدمة.
-

مراكز رايدنت للأسنان
مراكز رايدنت للأسنان، موقع ووردبريس في مجال عيادات الأسنان؛ صورة الطبيب، التعريف، الخدمات.
-

The Elite Works
The Elite Works، موقع ووردبريس في مجال الإنشاءات والمقاولات؛ صور الإنشاءات، تعريف الشركة، الخدمات.
LCP وINP وCLS
ثلاثة مقاييس تقيس ثلاث تجارب مختلفة، ولكل منها أسبابه في ووردبريس
العتبات أدناه هي حدود «الجيد» التي تنشرها Google عند النسبة المئوية 75 من الزيارات، وأعمل عليها كأهداف لا كضمانات، لأن جزءًا منها يعتمد على أجهزة زوارك وشبكاتهم.
غالبًا صورة البطل أو العنوان الرئيسي. أسبابه الشائعة في ووردبريس: صورة غير مضغوطة أو بلا أولوية تحميل، خطوط ويب تحجب النص، سيرفر بطيء الاستجابة (TTFB)، وCSS كبير يحجب العرض.
الهدف ≤ 2.5 sحل محل FID. أسبابه: سكربتات ثقيلة في الخيط الرئيسي (منزلقات، أدوات تتبع كثيرة، بانٍ صفحات)، ومعالجات أحداث طويلة، وتحميل كل JavaScript في كل صفحة.
الهدف ≤ 200 msأسبابه: صور بلا أبعاد، إعلانات ولافتات تُحقن لاحقًا، خطوط تبدل الشكل بعد الظهور، وعناصر تُضاف فوق المحتوى بـ JavaScript.
الهدف ≤ 0.1تشريح التحميل
نعرف أين يتأخر موقعك، ثم نبدأ بالأهم
أحلّل رحلة تحميل الصفحة: من استجابة السيرفر إلى ظهور المحتوى وتشغيل الأدوات. الرسم يوضّح المراحل التي أفحصها لتحديد سبب البطء بدل الاكتفاء بتثبيت إضافة كاش.
- استجابة السيرفر (TTFB)PHP + قاعدة البيانات قبل أول بايت
- بنية الصفحة وتنسيقهاملفات القالب والبانِي والإضافات
- خطوط الويبتحجب النص حتى تصل إن لم تُضبط
- صورة الهيرو (LCP)الحجم والصيغة والأولوية
- أدوات التتبع والخدمات الخارجيةتتبع، دردشة، خرائط، فيديو
- سكربتات القالب والإضافاتتؤثر على INP عند التفاعل
- صور أسفل الصفحةتحميل مؤجّل عند اقترابها من الشاشة
الأشرطة توضيحية وليست قياسًا لموقع محدد. أرتّب الإصلاحات حسب نتائج الفحص الفعلي وأثرها على الزوار.
أين الإصلاح
خمس طبقات يمكن أن يكون البطء في أي منها، والكاش آخرها لا أولها
التشخيص يحدد الطبقة. العمل على طبقة ليست هي السبب يضيع الوقت ويعطي شعورًا زائفًا بالتحسن.
- الصور والوسائط
ضغط وتحويل إلى WebP/AVIF، مقاسات مناسبة لكل مكان، أبعاد صريحة لتجنب CLS، أولوية عالية لصورة LCP وتحميل كسول للباقي. غالبًا أكبر مكسب بأقل جهد.
- JavaScript وCSS
تأجيل ما لا يلزم للشاشة الأولى، حذف سكربتات الإضافات في الصفحات التي لا تستخدمها، تقليص CSS الحاجب، ومراجعة سكربتات الطرف الثالث واحدًا واحدًا: هل يستحق كلفته؟
- الخطوط
تحميل الأوزان المستخدمة فقط، font-display مناسب، استضافة ذاتية عند الحاجة، وضبط بديل مقارب حتى لا يقفز النص العربي عند وصول الخط.
- PHP وقاعدة البيانات
استعلامات بطيئة من إضافات أو قوالب، جداول خيارات متضخمة (autoload)، مراجعات ومسودات متراكمة، وإصدار PHP قديم. تُقاس بـ Query Monitor وسجلات السيرفر.
- الاستضافة والكاش وCDN
كاش صفحات وكائنات مضبوط للصفحات العامة مع استثناءات صحيحة، CDN للأصول، وإن كان السيرفر نفسه غير مناسب للحمل فأقول ذلك بوضوح بدل محاولة تعويضه بالكاش.
- الإضافات والقالب
جرد كل إضافة وأثرها؛ استبدال ما يحمّل أصولًا في كل صفحة؛ وإن كان القالب أو البانِي هو السبب الجذري فالحل تغييره، ويُقدر كمشروع منفصل لا كإصلاح.
تحفظات WooCommerce
المتاجر أثقل بطبيعتها، وكاش خاطئ فيها أخطر من بطء
في المتجر تختلف القواعد: صفحات السلة والدفع وحسابي والطلبات لا تُكاش أبدًا، وإلا رأى عميل سلة عميل آخر. أجزاء السلة الديناميكية (fragments) تُضبط لتعمل فقط حيث تلزم، والمستخدمون المسجلون يُستثنون من كاش الصفحات.
أكثر ما يبطئ المتاجر: فلاتر وبحث يستعلمان الحقول الوصفية بلا فهارس، صور منتجات كثيرة غير محسنة، وإضافات دفع وشحن تحمّل سكربتاتها في كل صفحة. والتحسين هنا يُختبر بطلب تجريبي كامل بعد كل تغيير، لا بدرجة PageSpeed فقط.
- استثناء السلة والدفع وحسابي من كاش الصفحات والـ CDN، واختبارها بحسابين
- تحميل سكربتات WooCommerce والدفع في صفحات المتجر فقط
- فهرسة أو استبدال استعلامات الفلاتر والبحث الثقيلة
- صور المنتجات بمقاسات مسجلة وضغط وتحميل كسول في الشبكة
- كاش الكائنات (Object cache) حين تتوفر Redis أو ما يماثلها لدى الاستضافة
- مراجعة المهام المجدولة (Action Scheduler) المتراكمة التي تثقل كل طلب
- اختبار كامل للشراء بعد كل تغيير في الكاش أو السكربتات
كيف أوثّق قبل وبعد
لا أعرض هنا أرقام عملاء؛ أعرض المنهجية التي تجعل أرقامك أنت قابلة للتصديق
مقارنة بلا شروط موحدة لا تثبت شيئًا. هذا ما أفعله لتكون المقارنة في تقريرك صادقة.
- تثبيت الشروط
الصفحات نفسها (الرئيسية وأهم صفحة خدمة أو منتج)، الجهاز المحاكى نفسه، الشبكة نفسها، والوقت نفسه من اليوم قدر الإمكان.
المخرج: بروتوكول قياس مكتوب - قياس الأساس
ثلاث تشغيلات لكل صفحة على الأقل وأخذ الوسيط لا أفضل نتيجة، وتصدير بيانات الميدان من Search Console إن توفرت.
المخرج: تقرير أساس بلقطات محفوظة - التنفيذ على نسخة تجريبية ثم الحي
الإصلاحات تُطبق بالترتيب وتُقاس خطوة بخطوة حتى نعرف ما أثّر فعلًا. أي تراجع في الوظائف يُعالج قبل المتابعة.
المخرج: سجل تدخلات وأثر كل منها - القياس بعد التنفيذ
البروتوكول نفسه تمامًا، ثم انتظار بيانات الميدان لأسابيع لتأكيد الأثر على الزوار الحقيقيين.
المخرج: مقارنة قبل/بعد موثقة - خطة المتابعة
ما الذي قد يعيد البطء (إضافة جديدة، صور بلا ضغط، سكربت تتبع جديد) وكيف تراقبه، أو ضمه إلى الصيانة.
المخرج: قائمة حماية الأداء
أسئلة شائعة
أسئلة عن السرعة والدرجات
هل تضمن درجة 100 في PageSpeed؟
هل يتحسن ترتيب موقعي في البحث مباشرة؟
هل الكاش يسبب مشاكل في السلة أو الدفع؟
هل السيرفر هو السبب؟
هل كل الإضافات تبطئ الموقع؟
كم تستغرق النتيجة؟
أرسل رابط موقعك وأهم صفحة فيه، وسأرد بقراءة أولية لمصدر البطء المحتمل
اذكر إن كان البطء قديمًا أو ظهر بعد تغيير، وهل الموقع متجر أو موقع محتوى، والاستضافة الحالية إن عرفتها.
