إزاي أسرّع موقع ووردبريس بطيء؟
قيس الأول بـ PageSpeed Insights عشان تعرف المشكلة فين، وبعدين بالترتيب: استضافة كويسة بإصدار PHP حديث، إضافة كاش (WP Rocket أو LiteSpeed Cache)، ضغط الصور، تقليل الإضافات التقيلة، و CDN زي Cloudflare. ما تركّبش كذا إضافة كاش مع بعض.
التشخيص
هتعرف إن عندك المشكلة لو:
- الصفحة بتاخد أكتر من 3 ثواني عشان تفتح على الموبايل
- PageSpeed Insights بيدي LCP أحمر و TTFB عالي
- لوحة التحكم نفسها بطيئة
- عندك أكتر من 30 إضافة وقالب تقيل فيه سلايدر
السبب غالبًا:
غالبًا مزيج من استضافة مشتركة ضعيفة، عدم وجود كاش للصفحات، صور كبيرة، وإضافات وقوالب بتحمّل ملفات CSS و JS على كل صفحة.
الأدوات اللي هتحتاجها
خطوات الحل
قيس قبل ما تلمس حاجة
حط أهم 3 صفحات (الرئيسية، مقال، منتج) في PageSpeed Insights على الموبايل. بيانات الزوار الحقيقيين فوق، والتشخيص تحت. اكتب الأرقام عشان تقارن بعدين.
MobileCore Web VitalsLCP 4.8 ثانية INP 180 ms CLS 0.21 TTFB 1.9 ثانية شاشة توضيحية مبسطة من PageSpeed Insights، والأرقام أمثلة. ابدأ بالسيرفر
لو الـ TTFB عالي (أكتر من حوالي 0.8 ثانية) المشكلة في السيرفر قبل الواجهة. شغّل إصدار PHP مدعوم وحديث من لوحة الاستضافة، وفكّر في استضافة أقوى لو الموقع كبر.
فعّل كاش واحد بس
اختار إضافة كاش واحدة: LiteSpeed Cache لو استضافتك LiteSpeed (مجانية)، أو WP Rocket (مدفوعة) على أي سيرفر. فعّل كاش الصفحات، وتصغير CSS و JS، وتأجيل JS اللي مش ضروري. اختبر الموقع بعد كل خيار عشان ما يتكسرش.
زائرCDN (Cloudflare)كاش الصفحة HTMLPHP + قاعدة البيانات (لو مفيش كاش)صغّر الصور
حوّلها لـ WebP أو AVIF، وحدد width و height، وفعّل lazy loading لكل الصور ما عدا صورة أول الشاشة. ووردبريس بيضيف loading=lazy تلقائي لمعظم الصور.
فين بالظبط: ده كود جوه محتوى الصفحة نفسها، مش في <head>. في WordPress: افتح المقال في المحرر، وزوّد بلوك HTML مخصص (Custom HTML)، أو اختار البلوك واضغط على النقط التلاتة واختار "تحرير كـ HTML". في Elementor: ويدجت HTML. أسهل طريقة: اضغط على الصورة الأولى في المحرر، وأغلب إضافات الكاش (LiteSpeed Cache أو Perfmatters) فيها خيار يستثني أول صورة من الـ Lazy Load.
html<!-- صورة أول الشاشة: من غير lazy ومع أولوية --> <img src="hero.webp" width="1200" height="600" alt="..." fetchpriority="high"> <!-- باقي الصور --> <img src="photo.webp" width="800" height="450" alt="..." loading="lazy">
نضّف الإضافات والقالب
عطّل أي إضافة مش محتاجها، واستبدل التقيلة (سلايدرات، page builders على كل صفحة، إضافات إحصائيات متكررة). إضافة زي Query Monitor بتوريك أبطأ الإضافات والاستعلامات. القالب الخفيف بيفرق جامد.
ضيف CDN وقيس تاني
اربط Cloudflare (حتى الخطة المجانية) لتقديم الملفات الثابتة من أقرب مكان للزائر. بعد أسبوع، قارن PageSpeed Insights بالأرقام الأولى. بيانات الزوار الحقيقيين بتاخد لحد 28 يوم عشان تتحدث بالكامل.
لو موقعك WordPress
نفس الحل من لوحة تحكم ووردبريس: الإعدادات اللي تغيّرها، والإضافات اللي تختصر عليك.
- اعرف مين البطيء
Query Monitor بيظهر في الشريط اللي فوق: وقت التحميل وعدد الاستعلامات وأبطأ إضافة.
- قفل الملفات في الصفحات اللي مش محتاجاها
مثلًا إضافة نماذج التواصل بتحمّل ملفاتها في كل الصفحات. Asset CleanUp يخليها في صفحة «اتصل بنا» بس.
- نضّف قاعدة البيانات
WP-Optimize بيمسح المراجعات القديمة والسبام والبيانات المؤقتة. خد نسخة احتياطية الأول.
اختبر فهمك
TTFB عالي جدًا (2 ثانية). تبدأ بإيه؟
ركّبت WP Rocket و LiteSpeed Cache و W3 Total Cache مع بعض. ده صح؟
صورة الـ Hero في أول الصفحة، أعمل لها loading=lazy؟
الإجابة دي فادتك؟
شكرًا! رأيك بيساعدنا نحسّن الإجابة.
أسئلة مرتبطة
الموقع بطيء ومؤشرات أداء الويب الأساسية (Core Web Vitals) فاشلة. أبدأ منين؟
ابدأ بالمؤشر الفاشل في بيانات المستخدمين الحقيقيين: LCP (سرعة ظهور أكبر عنصر، الهدف 2.5 ثانية أو أقل)، INP (سرعة الاستجابة للضغط، 200 مللي ثانية أو أقل)، CLS (ثبات الصفحة، 0.1 أو أقل). كل مؤشر ليه أسباب وحلول مختلفة.
الصور في الموقع تقيلة ومن غير نص بديل (Alt). إزاي أحسّنها للسيو؟
حوّل الصور لـ WebP أو AVIF، صغّر أبعادها لحجم العرض الفعلي، اكتب Alt بيوصف الصورة، وفعّل التحميل الكسول للصور اللي تحت.
إزاي أحل أخطاء الخادم 5xx في Search Console؟
خطأ 5xx معناه إن السيرفر فشل يرد على Googlebot. جوجل بيبطّأ الزحف لما يقابله، ولو الخطأ استمر الصفحات ممكن تخرج من الفهرس. حدد الروابط من تقرير فهرسة الصفحات، اختبرها مباشرة، دوّر على السبب في سجلات السيرفر (ضغط، plugin، قاعدة بيانات، جدار حماية بيمنع Googlebot)، وبعد الإصلاح اضغط التحقق من الإصلاح.
ركّبت SSL والموقع لسه بيقول «غير آمن» أو القفل مش ظاهر، ليه؟
غالبًا ده «محتوى مختلط» (Mixed content): الصفحة نفسها https، بس فيها صور أو ملفات CSS أو سكريبت لسه بتتحمّل من http. المتصفح بيشيل القفل أو يمنع الملفات دي. الحل إنك تغيّر كل الروابط القديمة لـ https في قاعدة البيانات والقالب، وتخلّي الموقع يحوّل http لـ https بـ 301.