سرعة الموقع وCore Web Vitals: لماذا يخسرك موقعك البطيء عملاء وكيف تصلحه
سرعة الموقع تؤثر مباشرة على عدد الزوار الذين يبقون ويتصلون أو يشترون، وهي جزء من إشارات تجربة الصفحة عند جوجل. يقيسها جوجل بثلاثة مقاييس Core Web Vitals: LCP (ظهور المحتوى الرئيسي، الهدف أقل من 2.5 ثانية)، وINP (الاستجابة للتفاعل، أقل من 200 ملي ثانية)، وCLS (ثبات الصفحة، أقل من 0.1). أكثر أسباب البطء: صور ضخمة، قوالب وإضافات ثقيلة، استضافة ضعيفة، وغياب التخزين المؤقت.
جرّب هذا الآن: افتح موقع شركتك من جوالك، على بيانات الهاتف لا على واي فاي المكتب، وعدّ الثواني حتى ترى شيئًا مفيدًا. إذا وصلت إلى خمسة، فعليك أن تعرف أن جزءًا من زوارك لم يصبر حتى هذه اللحظة. أغلق الصفحة ورجع لنتائج البحث وضغط على منافسك.
السرعة ليست تفصيلًا تقنيًا يهم المبرمجين فقط. هي من أكثر العوامل تأثيرًا على عدد العملاء الذين يصلون إليك فعلًا من موقعك.
لماذا تهم السرعة لهذه الدرجة؟
- الزوار: كل ثانية تأخير ترفع نسبة من يغادرون قبل أن تكتمل الصفحة، خاصة على الجوال.
- المبيعات والطلبات: الصفحات البطيئة تحوّل أقل، لأن الصبر ينفد قبل الوصول إلى زر الشراء أو الاتصال.
- جوجل: مقاييس Core Web Vitals جزء من إشارات تجربة الصفحة التي يأخذها جوجل في الاعتبار.
- الإعلانات: الصفحة البطيئة تضيع جزءًا من كل نقرة دفعت ثمنها، وقد تؤثر على جودة الإعلان وتكلفته.
ما هي Core Web Vitals؟ شرح بدون تعقيد
جوجل يقيس تجربة الزائر بثلاثة مقاييس رئيسية:
| المقياس | ماذا يقيس؟ | الهدف الجيد |
|---|---|---|
| LCP — أكبر عرض للمحتوى | كم يأخذ ظهور أكبر عنصر في الشاشة (صورة الهيدر أو العنوان الرئيسي) | 2.5 ثانية أو أقل |
| INP — الاستجابة للتفاعل | كم تتأخر الصفحة في الاستجابة عندما تضغط زرًا أو تفتح قائمة | 200 ملي ثانية أو أقل |
| CLS — ثبات التخطيط | هل تتحرك العناصر فجأة أثناء التحميل (فتضغط على شيء غير الذي قصدته) | 0.1 أو أقل |
بلغة صاحب الشركة: هل يرى الزائر المحتوى بسرعة؟ هل يستجيب الموقع عندما يضغط؟ هل الصفحة ثابتة أم “تقفز”؟
كيف تقيس موقعك بنفسك خلال 5 دقائق
- افتح PageSpeed Insights من جوجل وأدخل رابط صفحتك الرئيسية، ثم رابط أهم صفحة خدمة.
- انظر أولًا إلى قسم “اكتشف تجربة المستخدمين الفعليين”: هذه بيانات زوار حقيقيين إن توفرت.
- ثم انظر إلى نتيجة الجوال (لا الكمبيوتر)، لأن أغلب زوارك على الجوال.
- إذا كان موقعك مربوطًا بـGoogle Search Console، افتح تقرير Core Web Vitals لترى كل الصفحات البطيئة دفعة واحدة.
أكثر 10 أسباب لبطء المواقع (وحلولها)
1. صور ضخمة غير مضغوطة
صورة من الكاميرا بحجم 4 أو 5 ميغابايت تُعرض في مساحة صغيرة. الحل: ضغط الصور، تحويلها لصيغ WebP أو AVIF، وتوفير أحجام مختلفة حسب الشاشة.
2. قالب ثقيل “يفعل كل شيء”
قوالب متعددة الأغراض تحمّل أكوادًا لكل الخيارات حتى غير المستخدمة. الحل: قالب خفيف أو مخصص.
3. منشئ صفحات يولد أكوادًا كثيرة
الحل: بناء الصفحات الأساسية بكود نظيف، أو استخدام المنشئ بحذر وتنظيف ما يولده.
4. إضافات كثيرة
كل إضافة قد تضيف ملفات CSS وJavaScript لكل صفحة. الحل: مراجعة الإضافات وحذف ما لا يلزم، وتحميل ما يلزم فقط في الصفحات التي تحتاجه.
5. استضافة ضعيفة
الحل: استضافة بموارد كافية وخوادم قريبة من جمهورك، مع إصدار PHP حديث.
6. غياب التخزين المؤقت (Caching)
الحل: تخزين مؤقت للصفحات على الخادم وفي المتصفح، وشبكة توصيل محتوى CDN عند الحاجة.
7. خطوط كثيرة
أربعة خطوط بستة أوزان لكل منها تعني ملفات كثيرة. الحل: خط أو خطان بأوزان محدودة، مع عرض النص فورًا أثناء تحميل الخط.
8. سلايدر في أعلى الصفحة
السلايدرات الثقيلة من أكثر ما يؤخر LCP، ونادرًا ما يشاهد الزوار ما بعد الشريحة الأولى. الحل: صورة واحدة قوية مع رسالة واضحة.
9. أكواد خارجية كثيرة
أدوات دردشة، بكسلات متعددة، خرائط مضمنة، فيديوهات يوتيوب تُحمّل مباشرة. الحل: تأجيل تحميلها حتى يحتاجها الزائر.
10. صور وعناصر بلا أبعاد محددة
تجعل الصفحة “تقفز” أثناء التحميل وترفع CLS. الحل: تحديد أبعاد كل صورة وإعلان وإطار مسبقًا.
كيف نتعامل مع السرعة في مشاريعنا
نعتبر السرعة جزءًا من التصميم لا مرحلة لاحقة: قالب خفيف، صور بصيغ حديثة وأحجام متعددة، تحميل مؤجل لما هو أسفل الشاشة، أقل عدد ممكن من الإضافات، وتخزين مؤقت. ونختبر كل صفحة على الجوال قبل الإطلاق. وإذا كان لديك موقع قائم بطيء، فكثير من التحسينات ممكنة دون إعادة بنائه بالكامل.
نصيحة سريعة: قبل أن تدفع على إعلانات، تأكد أن صفحة الهبوط تفتح بسرعة على الجوال. هذا وحده قد يحسّن نتائج حملتك أكثر من أي تعديل في الإعلان نفسه. اقرأ عن صفحات الهبوط.
تريد أن تعرف أين يقف موقعك؟ أرسل لنا الرابط ونرسل لك ملاحظات عملية على سرعته.
الأسئلة الشائعة
كيف أقيس سرعة موقعي مجانًا؟
استخدم أداة PageSpeed Insights من جوجل (pagespeed.web.dev) وأدخل رابط موقعك، وراجع تقرير Core Web Vitals في Google Search Console الذي يعتمد على بيانات زوار حقيقيين.
ما السرعة المقبولة لموقع الشركة؟
الهدف أن يظهر المحتوى الرئيسي خلال 2.5 ثانية أو أقل على الجوال، وأن تستجيب الصفحة للنقر بسرعة، وألا تتحرك العناصر أثناء التحميل.
هل الحصول على 100 في PageSpeed ضروري؟
لا. الرقم مؤشر مفيد، لكن الأهم هو نتائج Core Web Vitals الفعلية للزوار في Search Console، وتجربة المستخدم الحقيقية. موقع بدرجة 85 وتجربة ممتازة أفضل من مطاردة 100 على حساب الوظائف.
هل الاستضافة تؤثر على السرعة؟
كثيرًا. زمن استجابة الخادم هو أول خطوة في تحميل أي صفحة، والاستضافة الضعيفة أو البعيدة جغرافيًا تبطئ كل شيء بعدها.
