تسريع موقع ووردبريس: دليل عملي لتحسين سرعة التحميل

سرعة الموقع = أموال: لماذا كل ثانية تهم؟

إذا استغرق موقعك أكثر من 3 ثوانٍ للتحميل، يغادر 53% من الزوار. Google تستخدم السرعة كعامل ترتيب. في هذا الدليل ستتعلم تقنيات عملية لتسريع موقعك بشكل ملموس.

قياس السرعة الحالية

# أدوات القياس (مجانية):
1. Google PageSpeed Insights: pagespeed.web.dev
2. GTmetrix: gtmetrix.com
3. Pingdom: tools.pingdom.com

# مقاييس مهمة:
# LCP (Largest Contentful Paint): < 2.5s ✅
# FID (First Input Delay): < 100ms ✅
# CLS (Cumulative Layout Shift): < 0.1 ✅
# TTFB (Time to First Byte): < 600ms ✅

تحسين الصور (أكبر تأثير)

# الصور تمثل 50-80% من حجم الصفحة!

# 1. ضغط الصور قبل الرفع:
# استخدم squoosh.app (مجاني)
# أو TinyPNG.com

# 2. إضافة ضغط تلقائي:
# Imagify أو ShortPixel
# إعدادات Imagify:
# Optimization Level: Aggressive
# WebP Conversion: ON
# Auto-Optimize: ON

# 3. التحميل الكسول (Lazy Loading):
# مدمج في ووردبريس 5.5+
# يحمّل الصور فقط عند التمرير إليها

# 4. أحجام الصور المناسبة:
# لا ترفع صورة 4000px إذا تُعرض 800px
# Settings > Media > حدد الأحجام المناسبة

التخزين المؤقت (Caching)

# LiteSpeed Cache:
LiteSpeed Cache > Cache
# Enable Cache: ON
# Cache TTL: 604800 (أسبوع)
# Cache Mobile: ON

# LiteSpeed Cache > Page Optimization
# CSS Minify: ON
# CSS Combine: ON (اختبر أولاً)
# JS Minify: ON
# JS Combine: ON (اختبر أولاً)
# HTML Minify: ON

# Browser Cache (.htaccess):
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

تحسين قاعدة البيانات

# تنظيف قاعدة البيانات:
# ثبّت WP-Optimize
# WP-Optimize > Database
# - حذف المراجعات القديمة
# - حذف التعليقات المزعجة
# - حذف البيانات المؤقتة
# - تحسين الجداول

# أو يدوياً عبر phpMyAdmin:
# حدد كل الجداول > Optimize table

# تحديد عدد المراجعات (wp-config.php):
define('WP_POST_REVISIONS', 5);

CDN (شبكة توصيل المحتوى)

• Cloudflare (مجاني): CDN + حماية DDoS + SSL
• يوزع محتواك على خوادم حول العالم
• الزائر يحمّل من أقرب خادم = سرعة أعلى

# إعداد Cloudflare:
1. أنشئ حساب مجاني على cloudflare.com
2. أضف موقعك
3. غيّر DNS nameservers
4. Cloudflare > Speed > Optimization
   - Auto Minify: JS, CSS, HTML ✅
   - Brotli: ON
   - Early Hints: ON

ملخص المهارات المكتسبة

• قياس Core Web Vitals وتفسير النتائج
• ضغط الصور وتحويلها لـ WebP
• إعداد التخزين المؤقت (Server + Browser)
• تنظيف قاعدة البيانات
• إعداد Cloudflare CDN

الخطوة التالية: قِس سرعة موقعك الآن، ثم طبّق التحسينات واحدة واحدة وقارن النتائج.