العميل يبحث من جواله وغالباً على شبكة الجوال. إذا تأخر موقعك في الظهور يعود إلى نتائج البحث ويختار غيرك. سرعة موقع الاستقدام ليست تفصيلاً تقنياً، بل عامل مباشر في عدد الطلبات وفي تجربة الصفحة التي يقيسها جوجل.
مؤشرات Core Web Vitals
| المؤشر | يقيس | الهدف الجيد |
|---|---|---|
| LCP | سرعة ظهور العنصر الرئيسي | 2.5 ثانية أو أقل |
| INP | سرعة الاستجابة للنقر واللمس | 200 ملي ثانية أو أقل |
| CLS | ثبات العناصر أثناء التحميل | 0.1 أو أقل |
الصور
- استخدم صيغاً حديثة مثل WebP.
- حدد أبعاد الصور لتجنب قفز المحتوى.
- حمّل الصور خارج الشاشة تحميلاً كسولاً.
- لا ترفع صوراً بدقة أكبر من حاجة العرض.
الخطوط والسكربتات
حمّل أوزان الخط التي تستخدمها فقط واستضفها محلياً، واستخدم font-display: swap. قلل الإضافات والسكربتات الخارجية، وحمّل غير الضروري منها بعد ظهور الصفحة.
الفيديو دون إبطاء
لا تحمّل الفيديو تلقائياً في أول الصفحة. اعرض صورة غلاف خفيفة، وشغّل الفيديو عند الضغط فقط، كما نفعل في قسم الفيديوهات. اقرأ الفيديو في موقع الاستقدام.
الاستضافة والتخزين المؤقت
استضافة قريبة وسريعة، مع ضغط الملفات والتخزين المؤقت للمتصفح، وشهادة SSL. هذه إعدادات بسيطة بأثر كبير.
تحسينات سريعة خلال يوم واحد
- ضغط الصور وتحويلها إلى WebP.
- إزالة الإضافات والسكربتات غير المستخدمة.
- تحميل الفيديو عند الضغط فقط.
- تفعيل الضغط والتخزين المؤقت في الخادم.
- استضافة الخطوط محلياً بأوزان محدودة.
تجنب قفز المحتوى
حدد أبعاد الصور والفيديوهات مسبقاً، واحجز مساحة للعناصر التي تظهر لاحقاً، ولا تُدخل لافتات أعلى الصفحة بعد التحميل. قفز المحتوى يزعج العميل وقد يجعله يضغط زراً خطأ.
الحركة دون إبطاء
الحركات الجميلة ممكنة دون إبطاء إذا اعتمدت على خصائص transform وopacity فقط، وتوقفت للعناصر خارج الشاشة، واحترمت إعداد «تقليل الحركة» في جهاز المستخدم. هكذا نبني الحركة في موقع 2YOUMA.
لماذا تخسر العملاء ببطء الموقع؟
العميل الذي يبحث عن مكتب استقدام لا يفتح موقعاً واحداً؛ يفتح عدة نتائج ويقارن. إذا ظهر موقع منافس فوراً وبقي موقعك صفحة بيضاء لثوانٍ، فالعميل لن ينتظر. وعلى شبكات الجوال يتضاعف أثر الصور الثقيلة والسكربتات الكثيرة.
السرعة أيضاً تؤثر على ما بعد الدخول: صفحة سريعة الاستجابة تجعل تصفح السير والفلترة مريحاً، فيتصفح العميل أكثر ويطلب أكثر. لذلك نعتبر السرعة جزءاً من التصميم نفسه وليست إضافة لاحقة، ونقيسها قبل الإطلاق وبعده.
كيف تقيس السرعة؟
استخدم PageSpeed Insights من جوجل، وراجع تقرير تجربة الصفحة في Search Console لمعرفة الصفحات التي تحتاج تحسيناً على الجوال.
مؤشرات أداء الويب: القيم الجيدة وما يؤثر فيها
| المؤشر | القيمة الجيدة حسب جوجل | أكثر ما يضره في مواقع الاستقدام |
|---|---|---|
| LCP: ظهور أكبر عنصر | 2.5 ثانية أو أقل | صورة رئيسية أو فيديو ضخم أعلى الصفحة |
| INP: سرعة الاستجابة للتفاعل | 200 ملي ثانية أو أقل | سكربتات ثقيلة للدردشة والتتبع والفلاتر |
| CLS: ثبات التخطيط | 0.1 أو أقل | صور السير دون أبعاد، وشرائط عروض تظهر متأخرة |
تُقاس هذه القيم من تجربة زوار حقيقيين على مدى 28 يوماً، لذلك قد يتأخر ظهور أثر التحسين في Search Console بضعة أسابيع.
صور السير الذاتية: أكبر مصدر للبطء في صفحات الاستقدام
صفحة سير ذاتية تعرض 30 بطاقة بصور مرفوعة كما هي من الجوال قد يتجاوز حجمها عشرات الميجابايتات. الحل:
- تصغير الصورة تلقائياً عند الرفع إلى أبعاد مناسبة للبطاقة، مع نسخة أكبر للصفحة التفصيلية.
- التحويل إلى WebP أو AVIF.
- التحميل الكسول للصور التي تقع أسفل الشاشة.
- تحديد العرض والارتفاع لكل صورة لمنع قفز المحتوى.
- عرض عدد محدود من البطاقات مع زر «عرض المزيد» أو ترقيم صفحات.
الاستضافة: متى تكون هي المشكلة؟
إذا كان زمن استجابة الخادم TTFB أعلى من ثانية تقريباً حتى في الصفحات البسيطة، فالمشكلة غالباً في الاستضافة أو في عدم وجود تخزين مؤقت. اختر استضافة بخوادم قريبة من المملكة أو مع شبكة توزيع محتوى CDN، وفعّل التخزين المؤقت للصفحات التي لا تتغير كثيراً. ولمعرفة أثر السرعة على الطلبات، اقرأ كيف تحوّل زوار موقع الاستقدام إلى طلبات.
الأسئلة الشائعة
هل السرعة تؤثر على ترتيب جوجل؟
ما أكثر شيء يبطئ مواقع الاستقدام؟
هل مواقع 2YOUMA سريعة؟
هل الحركات والأنيميشن تبطئ الموقع؟
تبغى موقع استقدام جاهز خلال أيام؟
جاهز خلال 3 إلى 7 أيام، متوافق مع ضوابط الإعلان عن العمالة، مع دعم ومتابعة لمدة سنة.