لماذا تحدد سرعة الموقع بقاء الزائر
إليك الحقيقة المزعجة عن المواقع: معظم الزوار يقررون البقاء أو المغادرة قبل أن تكتمل صفحتك. وإن استغرقت أكثر من ثانيتين على الهاتف، يختفي جزء كبير منهم. لا يشتكون، ولا يعودون، بل يضغطون خروجًا، غالبًا نحو منافس.
هذا هو جوهر برمجة الواجهة الأمامية. ليس كودًا فاخرًا لذاته، بل موقع يفتح سريعًا على هاتف أندرويد رخيص بشبكة ضعيفة، لأن هكذا سيراه كثير من عملائك الحقيقيين.
ما الذي يُبطئ المواقع
الوزن غالبًا. منصات القوالب تكدّس الإضافات وأدوات التتبع والثيمات المتضخمة حتى تحمل صفحة بسيطة ميجابايتات لم يطلبها أحد. كل إضافة تحل مشكلة شخص ما وتُبطئ مشكلتك أنت. والحل ليس إضافة أخرى، بل أقل: كود نظيف يفعل ما يحتاجه موقعك تحديدًا ولا شيء غيره.
والصور هي المتهم الأول غالبًا. يرسل المصور ملفات بحجم أربعة ميجابايت مباشرة من الكاميرا، فيرفعها أحدهم كما هي، فيحمّلها الهاتف كلها قبل أن يظهر أي شيء مفيد. وبضبط المقاس والتحويل إلى صيغة حديثة تصير الصور نفسها أخف كثيرًا دون فرق يراه أحد.
والخطوط متهم صامت. فكل وزن ملف إضافي ينتظره المتصفح، والموقع ثنائي اللغة الذي يحمّل أربعة أوزان عربية وأربعة لاتينية يكون قد صفّ ثمانية تحميلات قبل أول جملة. ثم يأتي تكديس الإضافات: سلايدر، وشريط كوكيز، وأداة محادثة، وأداتا تحليلات، وبكسل إعلاني، كل واحدة بجافاسكريبت خاص بها، وكل واحدة تعمل على صفحات لا تستخدمها أصلًا.
والسبب الأخير غير مرئي. فالسكربت الحاجب للعرض يجلس في رأس الصفحة ويمنع المتصفح من رسم أي شيء حتى يُحمَّل ويُنفَّذ. على شبكة ألياف هو جزء من الثانية. وعلى هاتف بشبكة 4G مزدحمة هو عدة ثوانٍ من الشاشة البيضاء، والشاشة البيضاء تبدو للزائر كموقع معطّل.
الأرقام الثلاثة التي يقيسها جوجل
يجمع جوجل هذا كله في ثلاثة مؤشرات تُسمى Core Web Vitals، وينشر عتباتها على web.dev. وتُقاس من زيارات حقيقية لمتصفح Chrome على موقعك، لا من جهاز اختبار في مكتب، ولهذا يصعب التحايل عليها.
أكبر عنصر مرئي (LCP): أقل من ٢٫٥ ثانية
الزمن الذي يستغرقه أكبر عنصر في الشاشة الأولى — صورة الغلاف أو العنوان عادة — حتى يظهر. ويُقاس عند الشريحة المئوية الخامسة والسبعين، أي أن ثلاثة أرباع الزيارات عليها أن تتجاوزه. لا أسرع زيارة، ولا المتوسط. الربع الأبطأ من جمهورك هو من يحسم الرقم، وهو في مصر أبطأ مما تفترضه معظم الشركات.
الاستجابة للتفاعل (INP): أقل من ٢٠٠ مللي ثانية
الفارق بين ضغط الزائر على شيء وبين استجابة الشاشة أمامه فعلًا، و٢٠٠ مللي ثانية هي العتبة الجيدة. وهو يكشف المواقع التي تبدو سريعة وتبدو ميتة عند اللمس: تضغط «أضف إلى السلة» فلا يحدث شيء، فتضغط ثانية، فتجد قطعتين في السلة. والسبب في الغالب جافاسكريبت ثقيل.
تزحزح التخطيط (CLS): أقل من ٠٫١
مقدار قفز الصفحة أثناء تحميلها. وتعرف الشعور: تمد يدك نحو رابط، فتكتمل صورة فوقه، فينزاح كل شيء لأسفل، فتضغط على غير ما أردت. وسببه صور وعناصر مضمّنة لا تحجز مساحتها مسبقًا. تحدد العرض والارتفاع، فيحجز المتصفح المكان.
لماذا يكون الأثر أشد في مصر
معظم ما يُكتب عن الأداء يفترض حاسوبًا مكتبيًا على شبكة شركة. أما جمهورك فهاتف. فمعظم الزيارات في مصر تأتي من الهواتف، على شبكات 4G تتأرجح بحسب الساعة والحي: الجهاز نفسه الذي يفتح الصفحة فورًا على واي فاي المنزل يتعثر على الطريق الدائري في السادسة مساءً. وتقرير Web Almanac من HTTP Archive يرصد ذلك كل عام، ونسبة نجاح الهاتف تظل خلف الحاسوب في كل مرة.
والأثر يتضاعف عند النقطة التي تحصّل فيها أموالك. فالدفع عند الاستلام وفوري وباي موب وإنستاباي كلها تضيف خطوات إلى صفحة الدفع: تحويل إلى صفحة أخرى، ورقم مرجعي، ورمز تحقق. وصفحة بطيئة بين هذه الخطوات تخسر عميلًا دفعت بالفعل ثمن الوصول إليه. والأمر نفسه قبل الإفطار في رمضان وفي أسبوع العيد، حين تبلغ الزيارات ذروتها وتزدحم الشبكات.
كيف تختبر موقعك بنفسك
أدخل رابطك في PageSpeed Insights. الدرجة من مئة محاكاة معملية. أما بيانات الميدان فوقها فمن زيارات Chrome حقيقية خلال الثمانية والعشرين يومًا الماضية، وهي ما يعتمد عليه جوجل.
ثم افعل ما لا يفعله أحد تقريبًا: افتح الموقع على هاتف أندرويد متوسط ببيانات الجوال، واحسب كم ثانية تحدّق في لا شيء. ثم كرّر الأمر مع أقرب منافسَين لك. وتقرير Core Web Vitals في Search Console يجمع الروابط الفاشلة حسب القالب، فتعرف أي نوع من الصفحات يجرّ الموقع كله لأسفل.
كيف تبدو السرعة
هدفنا بسيط: أن تظهر الشاشة الأولى من موقعك في أقل من ثانية على اتصال متوسط. نصل لذلك بكتابة الكود بأنفسنا بدل تجميع القوالب، وبإبقاء الصور خفيفة، وبحذف كل سكربت لا يستحق مكانه.
والسرعة تغذي كل شيء آخر. جوجل يرفع ترتيب المواقع الأسرع. والإعلانات تكلف أقل حين تفتح صفحات الهبوط بسرعة. والزائر الذي لا ينتظر هو زائر يقرأ ويتصفح ويشتري.
وعمليًا، البناء السريع قائمة من قرارات غير برّاقة. صور مضبوطة المقاس ومحوَّلة قبل أن تصل إلى الصفحة، وأبعادها معرَّفة حتى لا يتزحزح شيء. وخطوط مختصرة على الأوزان المستخدمة فعلًا، بفصل النطاق العربي عن اللاتيني. وسكربتات خارجية محصورة فيما يستحق مكانه. وتخزين مؤقت على الحافة حتى لا ينتظر زائر من الرياض خادمًا في فرانكفورت. ومراجعة الأرقام شهريًا، لأن المواقع تنطلق سريعة ثم تتباطأ بهدوء.
الحد الصادق لكل هذا
السرعة وحدها لن ترفع ترتيبك. وجوجل صريح في ذلك: تجربة الصفحة عامل ترجيح لا ورقة رابحة، والصفحة السريعة الخالية من المحتوى تخسر أمام صفحة بطيئة تجيب عن السؤال. وقد رأينا مواقع تسجل مئة من مئة وهي قابعة في الصفحة الرابعة بخمس صفحات محتوى لا يستحق أن يشير إليه أحد. وإن كنت غير ظاهر على جوجل، فالمشكلة عادة في ما تقرأه محركات البحث ومساعدات الذكاء الاصطناعي فعلًا والسيو المحلي والثقة، لا في السرعة.
أما حيث تحسم السرعة فعند الهوامش، والهوامش هي موضع المال. فهي تفصل بين منافسَين متكافئين، وتخفض ما تدفعه مقابل كل استفسار في الإعلانات لأنك تحتفظ بقدر أكبر من الزيارات التي اشتريتها بالفعل. لن تصنع لك السرعة جمهورًا، لكنها تمنعك من خسارة جمهور دفعت ثمنه. وموقع IGBS بخمس لغات عليه أن يفتح بالعربية بنفس سرعة الإنجليزية، وكل موقع نبنيه في مصر يخضع للاختبار نفسه.
الأسئلة الشائعة
ما السرعة التي يجب أن يكون عليها الموقع؟
عتبات جوجل أرضية مفيدة: LCP أقل من ٢٫٥ ثانية، وINP أقل من ٢٠٠ مللي ثانية، وCLS أقل من ٠٫١، عند الشريحة المئوية الخامسة والسبعين من الزيارات الحقيقية. أما هدفنا فأشد: أن تظهر الشاشة الأولى في أقل من ثانية على اتصال هاتف مصري متوسط. فالعتبة هي حيث تتوقف العقوبة، لا حيث يبدأ التفوق.
هل تؤثر مؤشرات Core Web Vitals فعلًا في ترتيب جوجل؟
نعم، لكن أقل مما يوحي به من يبيعون تقارير الأداء. فهي إشارة بين إشارات كثيرة، وتعمل كعامل ترجيح بين صفحات متقاربة في الملاءمة. والصفحة السريعة بمحتوى ضعيف لن تتفوق على صفحة قوية بطيئة. أما أثرها المؤكد فعلى ما يفعله الزائر بعد وصوله، وهذا يمس إيرادك سواء تحرك الترتيب أم لا.
لماذا موقعي على WordPress بطيء؟
الإضافات غالبًا. فكل إضافة تحمّل سكربتاتها وأنماطها على كل صفحة، بما فيها صفحات لا تستخدمها، والقالب المصمم ليناسب الجميع يحمل كودًا لا يحتاجه موقعك. أضف صورًا غير مضغوطة واستضافة مشتركة رخيصة وتكتمل الصورة المعتادة. وتقليم الإضافات وإصلاح الصور يعالج معظم المشكلة.
هل يُصلَح الموقع البطيء أم يحتاج إعادة بناء؟
يُصلَح في الغالب، وإن أمكن ذلك فأصلحه. فضغط الصور وتقليم السكربتات والخطوط ينقل معظم المواقع من سيئ إلى مقبول بأقل كثيرًا من إعادة البناء. وإعادة البناء هي القرار الصحيح حين تكون المنصة نفسها هي السقف، أو حين يُلغي كل تحديث ما أصلحته، أو حين يحتاج الموقع إلى التغيير لأسباب أخرى أصلًا. أما إعادة البناء لكسب ثانية واحدة فنادرًا ما تستحق.
هل يخسر موقعك الزوار قبل أن يفتح؟
أرسل لنا رابطك. وسنخبرك بصراحة بمستوى أدائه وما يلزم لإصلاحه.