مؤشرات الويب الأساسية وتحسين الأداء لمواقع دبي

ما هي مؤشرات الويب الأساسية

ثلاثة أرقام تستخدمها جوجل للحكم على شعور موقعك فعلاً.

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

المؤشرات الثلاثة هي Largest Contentful Paint، الذي يقيس متى يُحمَّل المحتوى الرئيسي بشكل مرئي، وCumulative Layout Shift، الذي يقيس كم تقفز الصفحة أثناء التحميل، وInteraction to Next Paint، الذي يقيس سرعة استجابة الصفحة لنقر أو نقرة. تستخدم جوجل هذه كإشارات ترتيب لأنها تعكس ما يختبره الزائر فعلاً. الموقع صاحب النتيجة الضعيفة يبدو متقطعاً وبطيئاً، ويغادر الزوّار. نبني لنجتاز هذه العتبات على الأجهزة والاتصالات التي يستخدمها زوّار دبي فعلاً.

كيف نضبطه

نُسلّم كوداً أقل، وصوراً أذكى، وتنسيقاً مستقراً من أول رسم.

الأداء يأتي من ضبط النفس. JavaScript أقل، صور بالحجم الصحيح، مساحة محجوزة للمحتوى، وتنسيق لا يتحرك أبداً تحت عين الزائر.

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

الأداء والثقة

الموقع البطيء يبدو غير موثوق قبل أن يقرأ الزائر كلمة واحدة.

السرعة ليست مقياساً تقنياً فحسب. إنها انطباع أول، والزوّار يحكمون على الثقة به فوراً.

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

أخطاء شائعة

أخطاء الأداء التي تسحب مواقع جيدة وإلا إلى الأسفل.

مشاكل السرعة نادراً يسببها شيء كبير واحد. تتراكم من اختيارات صغيرة كثيرة. هذه الشائعة.

السحب الأول صور غير مُحسَّنة، تُقدَّم بدقة سطح المكتب إلى هاتف، بتنسيقات ثقيلة، تضاعف وزن الصفحة مرات كثيرة. الثاني JavaScript مفرط، حيث تُحمَّل أطر ومكتبات لتأثيرات يمكن تحقيقها بأقل بكثير. الثالث تحرّك التنسيق، حيث تُحمَّل الإعلانات أو الصور أو الخطوط متأخرة وتدفع المحتوى، ما يجعل الصفحة تبدو غير مستقرة. الرابع موارد تعيق العرض، حيث ينتظر المتصفح النصوص قبل أن يستطيع رسم أي شيء. الخامس كومة المتتبّعات الخارجية، كل واحد صغير وحده لكن معاً تضيف ثوانٍ للتحميل. نعالج كل واحد من هذه بشكل منهجي، لأن الأداء يُسترجَع لا بإصلاح بطولي واحد بل بإزالة دزينة أعباء صغيرة لم تكن ضرورية أصلاً.

كيف نتعامل معه

ضبط النفس أسرع ميزة نستطيع تسليمها.

أسرع سطر كود هو الذي لا نكتبه أبداً. نضيف فقط ما يكسب مكانه.

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