تقني

سرعة موقع مكتب الاستقدام: دليل Core Web Vitals المبسط

كيف تؤثر سرعة موقع الاستقدام على العملاء وترتيب جوجل؟ شرح مبسط لمؤشرات LCP وINP وCLS، وخطوات عملية لتسريع الموقع على الجوال.

4 دقائق قراءةفريق 2YOUMA

العميل يبحث من جواله وغالباً على شبكة الجوال. إذا تأخر موقعك في الظهور يعود إلى نتائج البحث ويختار غيرك. سرعة موقع الاستقدام ليست تفصيلاً تقنياً، بل عامل مباشر في عدد الطلبات وفي تجربة الصفحة التي يقيسها جوجل.

مؤشرات Core Web Vitals

المؤشريقيسالهدف الجيد
LCPسرعة ظهور العنصر الرئيسي2.5 ثانية أو أقل
INPسرعة الاستجابة للنقر واللمس200 ملي ثانية أو أقل
CLSثبات العناصر أثناء التحميل0.1 أو أقل

الصور

  • استخدم صيغاً حديثة مثل WebP.
  • حدد أبعاد الصور لتجنب قفز المحتوى.
  • حمّل الصور خارج الشاشة تحميلاً كسولاً.
  • لا ترفع صوراً بدقة أكبر من حاجة العرض.

الخطوط والسكربتات

حمّل أوزان الخط التي تستخدمها فقط واستضفها محلياً، واستخدم font-display: swap. قلل الإضافات والسكربتات الخارجية، وحمّل غير الضروري منها بعد ظهور الصفحة.

الفيديو دون إبطاء

لا تحمّل الفيديو تلقائياً في أول الصفحة. اعرض صورة غلاف خفيفة، وشغّل الفيديو عند الضغط فقط، كما نفعل في قسم الفيديوهات. اقرأ الفيديو في موقع الاستقدام.

الاستضافة والتخزين المؤقت

استضافة قريبة وسريعة، مع ضغط الملفات والتخزين المؤقت للمتصفح، وشهادة SSL. هذه إعدادات بسيطة بأثر كبير.

تحسينات سريعة خلال يوم واحد

  1. ضغط الصور وتحويلها إلى WebP.
  2. إزالة الإضافات والسكربتات غير المستخدمة.
  3. تحميل الفيديو عند الضغط فقط.
  4. تفعيل الضغط والتخزين المؤقت في الخادم.
  5. استضافة الخطوط محلياً بأوزان محدودة.

تجنب قفز المحتوى

حدد أبعاد الصور والفيديوهات مسبقاً، واحجز مساحة للعناصر التي تظهر لاحقاً، ولا تُدخل لافتات أعلى الصفحة بعد التحميل. قفز المحتوى يزعج العميل وقد يجعله يضغط زراً خطأ.

الحركة دون إبطاء

الحركات الجميلة ممكنة دون إبطاء إذا اعتمدت على خصائص transform وopacity فقط، وتوقفت للعناصر خارج الشاشة، واحترمت إعداد «تقليل الحركة» في جهاز المستخدم. هكذا نبني الحركة في موقع 2YOUMA.

لماذا تخسر العملاء ببطء الموقع؟

العميل الذي يبحث عن مكتب استقدام لا يفتح موقعاً واحداً؛ يفتح عدة نتائج ويقارن. إذا ظهر موقع منافس فوراً وبقي موقعك صفحة بيضاء لثوانٍ، فالعميل لن ينتظر. وعلى شبكات الجوال يتضاعف أثر الصور الثقيلة والسكربتات الكثيرة.

السرعة أيضاً تؤثر على ما بعد الدخول: صفحة سريعة الاستجابة تجعل تصفح السير والفلترة مريحاً، فيتصفح العميل أكثر ويطلب أكثر. لذلك نعتبر السرعة جزءاً من التصميم نفسه وليست إضافة لاحقة، ونقيسها قبل الإطلاق وبعده.

كيف تقيس السرعة؟

استخدم PageSpeed Insights من جوجل، وراجع تقرير تجربة الصفحة في Search Console لمعرفة الصفحات التي تحتاج تحسيناً على الجوال.

مؤشرات أداء الويب: القيم الجيدة وما يؤثر فيها

المؤشرالقيمة الجيدة حسب جوجلأكثر ما يضره في مواقع الاستقدام
LCP: ظهور أكبر عنصر2.5 ثانية أو أقلصورة رئيسية أو فيديو ضخم أعلى الصفحة
INP: سرعة الاستجابة للتفاعل200 ملي ثانية أو أقلسكربتات ثقيلة للدردشة والتتبع والفلاتر
CLS: ثبات التخطيط0.1 أو أقلصور السير دون أبعاد، وشرائط عروض تظهر متأخرة

تُقاس هذه القيم من تجربة زوار حقيقيين على مدى 28 يوماً، لذلك قد يتأخر ظهور أثر التحسين في Search Console بضعة أسابيع.

صور السير الذاتية: أكبر مصدر للبطء في صفحات الاستقدام

صفحة سير ذاتية تعرض 30 بطاقة بصور مرفوعة كما هي من الجوال قد يتجاوز حجمها عشرات الميجابايتات. الحل:

  • تصغير الصورة تلقائياً عند الرفع إلى أبعاد مناسبة للبطاقة، مع نسخة أكبر للصفحة التفصيلية.
  • التحويل إلى WebP أو AVIF.
  • التحميل الكسول للصور التي تقع أسفل الشاشة.
  • تحديد العرض والارتفاع لكل صورة لمنع قفز المحتوى.
  • عرض عدد محدود من البطاقات مع زر «عرض المزيد» أو ترقيم صفحات.

الاستضافة: متى تكون هي المشكلة؟

إذا كان زمن استجابة الخادم TTFB أعلى من ثانية تقريباً حتى في الصفحات البسيطة، فالمشكلة غالباً في الاستضافة أو في عدم وجود تخزين مؤقت. اختر استضافة بخوادم قريبة من المملكة أو مع شبكة توزيع محتوى CDN، وفعّل التخزين المؤقت للصفحات التي لا تتغير كثيراً. ولمعرفة أثر السرعة على الطلبات، اقرأ كيف تحوّل زوار موقع الاستقدام إلى طلبات.

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

هل السرعة تؤثر على ترتيب جوجل؟
تجربة الصفحة ومنها Core Web Vitals من الإشارات التي يأخذها جوجل في الاعتبار، والأهم أنها تؤثر مباشرة على بقاء الزائر.
ما أكثر شيء يبطئ مواقع الاستقدام؟
الصور الكبيرة غير المضغوطة والإضافات والسكربتات الكثيرة والفيديو الذي يُحمّل تلقائياً.
هل مواقع 2YOUMA سريعة؟
نبنيها خفيفة بخطوط مستضافة محلياً وصور مضغوطة وفيديو يُحمّل عند الطلب فقط.
هل الحركات والأنيميشن تبطئ الموقع؟
لا إذا بُنيت على transform وopacity وتوقفت خارج الشاشة واحترمت إعداد تقليل الحركة.

تبغى موقع استقدام جاهز خلال أيام؟

جاهز خلال 3 إلى 7 أيام، متوافق مع ضوابط الإعلان عن العمالة، مع دعم ومتابعة لمدة سنة.