4 أخطاء خفية في الكاش والسكريبتات تبطئ موقع ووردبريس

4 أخطاء خفية في الكاش والسكريبتات تبطئ موقع ووردبريس

ساعات الموقع يبان تمام وأنت داخل كأدمن، وفي نفس الوقت جوجل مش شايف صورك وPageSpeed بيلففك في دواير. ده بالظبط اللي حصل لصاحب موقع ألعاب HTML5 فيه أكتر من 3,000 لعبة جاية من مصادر خارجية. خد المشاكل الأربعة دي وراجعها على موقعك قبل ما تدفع في إضافة تسريع جديدة.

1. وضع الضيف في LiteSpeed Cache أخفى الصور عن جوجل

العَرَض: أداة Google Search Console لا تؤرشف الصور وبعض عناصر HTML في الصفحات الجديدة، بينما تبدو الصفحات سليمة تماماً عند تصفحها كمدير.

السبب: كانت خاصية Guest Mode (وضع يقدّم نسخة خفيفة جداً من ووردبريس للمحتوى المؤرخ مثل التدوينات والأخبار والشروحات. تُرتّب زمنيًا وتُنظَّم بالتصنيفات والوسوم وتظهر في الأرشيف وخلاصات RSS، بخلاف الصفحات الثابتة.">الصفحة لأول طلب من كل IP جديد) مفعّلة في إضافة LiteSpeed Cache. وزاحف جوجل يُعامَل كزائر جديد، فكان يستلم صفحة مجرّدة من الوسائط قبل أن يكتمل تحميل ما تعتمد عليه من JavaScript.

الحل: إيقاف Guest Mode أعاد HTML الكامل للزاحف، وأكّد اختبار الرابط المباشر (Live URL Test) في Search Console أن الصور صارت مرئية.

بصراحة: الحل هنا له ثمن. كل زائر جديد، بما فيهم الزواحف، أصبح يستلم الصفحة الكاملة الثقيلة. صاحب المقال الأصلي يعترف أن هذه المقايضة لم تُحسم بعد على موقعه، وأنه يعوّضها بتقليل أشياء أخرى.

افحص موقعك: افتح Search Console، ثم اختبر رابط صفحة حديثة بـ Live Test، وافتح لقطة HTML التي رآها جوجل. إن كانت الصور ناقصة فيها وموجودة في المتصفح، فابدأ بمراجعة إعدادات التخزين المؤقت (Cache).

ملاحظة: معظم الاستضافات المشتركة الشائعة في مصر والخليج، ومنها Hostinger، تعمل بسيرفر LiteSpeed وتثبّت LiteSpeed Cache افتراضياً. يعني الاحتمال كبير إن الإعداد ده موجود عندك من غير ما تاخد بالك.

2. سكريبت تحليلات قديم يستنزف المتصفح

العَرَض: رغم الكاش القوي، بقي مقياس الإضافات.">Total Blocking Time (الوقت الذي يكون فيه المتصفح مشغولاً ولا يستجيب للمستخدم) مرتفعاً بشكل غير طبيعي.

السبب: وسم قديم لـ Microsoft Clarity، أداة تسجيل الجلسات، كان مزروعاً مباشرة في رأس القالب في Elementor تصميم محفوظ يُعاد استخدامه، مثل رأس الموقع أو التذييل أو صفحة المقالة أو صفحة المنتج. تصممه مرة وتحدد شروط ظهوره، فيُطبَّق على كل…">القالب (Theme). على موقع مليء بالوسائط والتضمينات الخارجية، تتبّع كل حركة صغيرة للمستخدم يضيف عملاً ثقيلاً على الخيط الرئيسي (Main Thread) للمتصفح.

الحل: حذف السكريبت أفرغ الخيط الرئيسي فوراً. وبجانبه حُذفت مكونات من إضافة Site Kit لم تكن مستخدمة أصلاً.

افحص موقعك: اعرض مصدر الصفحة (View Source) وابحث عن كل سكريبت تتبّع. اسأل عن كل واحد: هل أفتح تقاريره فعلاً؟ السكريبتات المنسية في header.php أو في خانات “Header Scripts” داخل إعدادات القالب هي أول ما يجب مراجعته.

3. حلقة PageSpeed المفرغة: preconnect بدون crossorigin

العَرَض: نصحت PageSpeed Insights بإضافة تلميحات preconnect (فتح الاتصال بنطاق خارجي مبكراً) لنطاقات صور الألعاب. وبعد إضافتها عبر خانة اسم النطاق مثل arabcms.com إلى عنوان IP السيرفر الذي يستضيف الموقع. أي تعديل في سجلاته قد يحتاج ساعات…">DNS Prefetch في إضافة الكاش، ظهر تحذير جديد: الاتصال المسبق لم يُستخدم، راجع خاصية crossorigin.

السبب: المتصفح يفتح نوعين مختلفين من الاتصالات: عادي، ومجهول الهوية لطلبات CORS. إن فتحت اتصالاً من نوع ولم يطابق نوع الطلب الفعلي، يرميه المتصفح وتضيع الفائدة. وخانات الـ prefetch في إضافات الكاش تُخرج غالباً وسماً بسيطاً بدون crossorigin.

الحل: أضاف الكاتب الوسوم يدوياً داخل <head>:

<link rel=”preconnect” href=”https://img.gamemonetize.com” crossorigin>

<link rel=”preconnect” href=”https://cdn.htmlgames.com” crossorigin>

<link rel=”preconnect” href=”https://img.gamepix.com” crossorigin>

تنبيه: لا تضع crossorigin على كل preconnect بشكل أعمى. القاعدة أن يطابق الوسم طريقة طلب المورد: الخطوط وطلبات fetch تُطلب بوضع CORS فتحتاجه، أما صورة <img> عادية بدون خاصية crossorigin فتستخدم الاتصال العادي. في حالة الكاتب اختفى التحذير بعد الإضافة، فجرّب على موقعك ثم أعد القياس.

هذه النقطة تهمّ كل موقع عربي تقريباً. لو تحمّل خط Cairo أو Tajawal من Google Fonts، فملفات الخط تأتي من fonts.gstatic.com بوضع CORS، ولذلك يأتي وسمها دائماً مع crossorigin:

<link rel=”preconnect” href=”https://fonts.googleapis.com”>

<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>

في Elementor: من لوحة التحكم (Dashboard) ادخل Elementor ← Custom Code (متاحة في Elementor Pro)، وأنشئ مقطعاً جديداً موضعه <head> والصق فيه الوسوم. هكذا تبقى الوسوم بعيدة عن ملفات القالب ولا تضيع مع التحديث. وإن كنت تستضيف الخطوط محلياً من إعدادات Elementor، فلا تحتاج preconnect لجوجل أصلاً.

4. نسخ احتياطية مكررة التهمت مساحة الاستضافة

العَرَض: مساحة حساب cPanel تجاوزت 10 جيجابايت واقتربت من الحد، ما يهدد بتوقف الموقع.

السبب: كان Softaculous مضبوطاً على أخذ نسخة احتياطية (Backup) محلية يومية، تُحفظ كملفات .tar.gz ضخمة داخل مجلد /application_backups/ في الحساب نفسه. وفي الوقت ذاته كانت الاستضافة تأخذ نسخاً يومية خارج الحساب عبر JetBackup 5. المهمة نفسها كانت تعمل مرتين.

الحل:

  1. أوقف النسخ التلقائي المحلي من إعدادات Softaculous.
  2. احذف أرشيفات .tar.gz المتراكمة من مدير الملفات في cPanel.
  3. اترك نظام النسخ في الاستضافة يعمل وحده، لأنه يحفظ النسخ خارج مساحة حسابك.

تنبيه: قبل أن تحذف أي نسخة، تأكد بنفسك أن نسخ الاستضافة تعمل فعلاً وأنك تعرف كيف تسترجع منها. اعمل استرجاعاً تجريبياً لملف واحد على الأقل. نسخة واحدة موثوقة أفضل من ثلاث لا تعرف مكانها.

ماذا تتعلم من الحالات الأربع؟

المشكلةأين تفحصهاالإجراء
جوجل لا يرى الصورSearch Console ← Live Testراجع Guest Mode وإعدادات الكاش
TBT مرتفعView Source ← سكريبتات التتبعاحذف ما لا تستخدم تقاريره
preconnect غير مستخدمتحذيرات PageSpeedطابِق crossorigin مع نوع الطلب
المساحة ممتلئةcPanel ← استهلاك المساحةألغِ النسخ المحلية المكررة
  • لا تطارد درجة PageSpeed وحدها، فنصائحها قد تدخلك في حلقة إن لم تفهم السبب.
  • افحص ما يراه الزاحف، لا ما تراه أنت كمدير مسجّل الدخول.
  • بعض الحلول مقايضات وليست حلولاً نهائية، فاعرف ما الذي تدفعه مقابل كل تحسين.

الخلاصة

الحالات الأربع لم تحتج إضافة جديدة، بل احتاجت فهم ما تفعله الإعدادات الموجودة أصلاً. راجع إعدادات الكاش والسكريبتات والنسخ الاحتياطية على موقعك مرة كل بضعة أشهر.

لو جرّبت الخطوات دي ولسه الموقع تقيل، ابعتلنا واحجز جلسة مراجعة من هنا احجز استشارة مجانية، ولو محتاج استضافة LiteSpeed قريبة من جمهورك، دي اللي بنستخدمها جرّب Hostinger.

مرجع المقال (بالإنجليزية): How a Caching Plugin and an Analytics Script Silently Destroyed My SEO and Page Speed
المقال ده مش ترجمة حرفية: متكيّف للقارئ العربي ومضاف عليه سياق ووردبريس وElementor وJetEngine.

الأسئلة الشائعة

ما هو Guest Mode في LiteSpeed Cache؟

خاصية تقدّم لأول زيارة من أي عنوان IP جديد نسخة خفيفة جداً من الصفحة لتسريع أول تحميل. في بعض المواقع قد تُخفي عناصر مهمة مثل الصور عن زاحف جوجل، فراجع الأرشفة بعد تفعيلها.

لماذا تقول PageSpeed إن الـ preconnect غير مستخدم؟

غالباً لأن نوع الاتصال المفتوح مسبقاً لا يطابق نوع الطلب الفعلي. الخطوط وطلبات CORS تحتاج crossorigin في وسم الـ preconnect، والطلبات العادية لا تحتاجه.

هل Microsoft Clarity يبطئ موقع ووردبريس؟

أي سكريبت لتسجيل الجلسات يضيف عملاً على المتصفح. على موقع خفيف قد لا تلاحظه، لكن على موقع ثقيل بالوسائط والتضمينات قد يرفع Total Blocking Time بشكل واضح، فاستخدمه فقط إن كنت تحتاج بياناته فعلاً.

لماذا امتلأت مساحة الاستضافة فجأة؟

من أشهر الأسباب نسخ احتياطية محلية من Softaculous أو إضافة نسخ احتياطي، تتراكم داخل حسابك. راجع مجلد النسخ واحذف القديم إن كانت الاستضافة تأخذ نسخاً خارجية بالفعل.

اترك تعليقاً