كل ما نتكلم مع عميل عن SEO، بيتكلم عن الكلمات المفتاحية والمحتوى. ونصيحتهم تتعامل مع سرعة الموقع أولاً، لأن كل كلماتك المفتاحية مش هتنفع لو الصفحة بتاخد ٦ ثواني تفتح.
جوجل من يونيو ٢٠٢١ حطّت Core Web Vitals كـ ranking signal مباشر. يعني موقعين بنفس الكلمات والمحتوى، الأسرع يطلع الأول.
الـ ٣ مؤشرات اللي بتفرق
١. LCP (Largest Contentful Paint)
وقت ظهور أكبر عنصر في الصفحة من وجهة نظر المستخدم. الهدف:
- أقل من ٢.٥ ثانية: تمام.
- ٢.٥-٤ ثواني: محتاج تحسين.
- أكتر من ٤ ثواني: سيء.
أكبر عنصر غالبًا بيكون صورة hero أو عنوان كبير. لو الصورة دي بتاخد وقت، الـ LCP بيتأثر.
٢. FID (First Input Delay) → الاسم الجديد INP
الوقت اللي بيستناه المستخدم من لحظة ما يضغط (مثلاً زر) لحد ما الموقع يستجيب.
- أقل من ١٠٠ مللي ثانية: تمام.
- ١٠٠-٣٠٠: محتاج تحسين.
- أكتر من ٣٠٠: سيء.
من ٢٠٢٤ جوجل استبدلت FID بـ INP (Interaction to Next Paint) وهو أعقد شوية لكن نفس الفكرة: الموقع لازم يستجيب بسرعة لأي تفاعل.
٣. CLS (Cumulative Layout Shift)
إمتى العناصر بتتحرك بعد ما الصفحة فتحت؟ (يعني الضغط على زر بيروح مكان تاني فجأة).
- أقل من ٠.١: تمام.
- ٠.١-٠.٢٥: محتاج تحسين.
- أكتر من ٠.٢٥: سيء.
أكتر سبب لـ CLS سيء: صور من غير width/height، أو إعلانات بتتحمّل بعد المحتوى.
إزاي نقيس الأرقام دي
فيه ٣ أدوات:
- PageSpeed Insights (pagespeed.web.dev) - للموقع كله أو صفحة واحدة.
- Chrome DevTools → Lighthouse - تحليل عميق.
- Search Console → Core Web Vitals - تقرير شهري من جوجل عن كل صفحاتك.
ابدأ بـ Search Console عشان تشوف الصورة الكبيرة (أي صفحات بتعاني)، ثم PageSpeed Insights للتفاصيل.
الـ ٧ أسباب الأكثر شيوعاً لبطء المواقع
- صور كبيرة (PNG بدل WebP، بدون lazy load، بدون width/height).
- JavaScript ضخم (jQuery + ٥ مكتبات تانية، وكلها render-blocking).
- CSS ضخم (Bootstrap كامل عشان تستخدم ٢٠٪ منه).
- خطوط Google بـ أوزان كتيرة (٥ أوزان = ٥ ملفات字体 كل واحدة ٢٥KB).
- External requests كتيرة (Font Awesome + Google Fonts + Unsplash CDN + analytics + chat widget).
- مفيش HTTP/2 (لسه على HTTP/1.1 = serial loading).
- مفيش caching (كل زيارة بتعمل كل الطلبات من جديد).
إصلاحات سريعة بتفرق ٥٠٪+
- اضف loading="lazy" لكل الصور تحت الـ fold.
- حدّد width/height لكل صورة (يمنع CLS).
- حول PNG لـ WebP (الصور بتنزل ٢٥-٣٥٪ أصغر).
- اضف defer لكل scripts اللي مش critical.
- Inline critical CSS (الـ CSS الأساسي للـ first paint inline، الباقي async).
- قلل أوزان الخطوط (٣ أوزان كفاية: regular, semi-bold, bold).
- فعّل HTTP/2 + Brotli على السيرفر.
حالة عملية
عميل موقع شركة خدمات، الـ LCP كان ٥.٢ ثانية على الموبايل. الإصلاحات اللي اتعملت:
- تحويل صور الـ hero من PNG لـ WebP (وفر ٤٠٠KB).
- إضافة width/height لكل الصور (CLS من ٠.٢٨ لـ ٠.٠٢).
- تأجيل تحميل Font Awesome حتى بعد الـ first paint.
- تقليل أوزان Cairo من ٥ لـ ٣.
- Inline critical CSS (~3KB).
النتيجة بعد ٤ أيام شغل: LCP = ١.٨ ثانية. تحسّن في ترتيب الكلمات المفتاحية خلال ٣ أسابيع.
الخلاصة
سرعة الموقع مش رفاهية، ده SEO ranking factor رسمي. لو موقعك بيعدّي ٣ ثواني LCP على الموبايل، أنت بتخسر ترتيب. ابدأ بقياس الأرقام دلوقتي من PageSpeed Insights، وبعدين خطّط إصلاحات.
محتاج تدقيق أداء لموقعك؟ بنقدملك تحليل مجاني مع تقرير مفصل بالأولويات والوقت المتوقع لكل إصلاح.