المدونة12 د قراءة

تحسين سرعة الموقع — دليل عملي خطوة بخطوة

السرعة ترفع التحويل وSEO ورضا المستخدم. ابدأ بالقياس، ثم نفّذ الإصلاحات ذات الأولوية — مرتبة حسب الأثر.

ملخص للبحث وAI: Practical website speed guide: measure, images, fonts, JS, CDN, hosting, CWV.

الخطوة 1: قِس قبل أن تُصلح

PageSpeed Insights + Chrome DevTools + CrUX. ركّز على الموبايل — 70%+ زوارك في المنطقة العربية على الهاتف.

سجّل LCP، INP، CLS كخط أساس.

الخطوة 2: الصور (أكبر مكسب سريع)

WebP/AVIF، أبعاد مناسبة (لا ترفع 4000px لعرض 400px)، lazy loading، priority للصورة Hero فقط.

في Next.js: component Image إلزامي.

الخطوة 3: الخطوط والـ CSS

next/font أو subset عربي محدود. preload للخط الحرج فقط. تقليل خطوط متعددة الأوزان.

الخطوة 4: JavaScript والطرف الثالث

حلل bundle. أزل المكتبات غير المستخدمة. defer/async للسكربتات. أخّر chat widgets حتى التفاعل.

الخطوة 5: الاستضافة وCDN

CDN قريب من MENA. تفعيل compression. HTTP/2 أو HTTP/3. مراقبة TTFB.

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

هل الإضافات تبطئ WordPress؟

كثير منها نعم. راجع plugins واحذف غير الضروري.

جاهز لتطبيق ما قرأته؟

فريق SHAMCODE يربط الاستراتيجية بالتنفيذ — من Discovery إلى الإطلاق.