كيفية نجاح شركة Swappie في زيادة أرباح الأجهزة الجوّالة بنسبة% 42 من خلال التركيز على "مؤشرات أداء الويب الأساسية"

وقد شكّلت معرفة العلاقة بين أداء الموقع الإلكتروني ومقاييس النشاط التجاري عاملاً رئيسيًا في تعزيز نجاح جهود التحسين.

Lina Hansson

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

إبراز الفرصة

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

يبلغ متوسط متوسط معدل الإحالات الناجحة واحد (mCvR) لأكبر عشرة مواقع للتجارة الإلكترونية في الولايات المتحدة%50، لكن Swappie بلغ 24%. وأشار هذا إلى أن موقع الهاتف المحمول يواجه تحديات وأن الشركة كانت تفقد الإيرادات، مما أدى إلى إطلاق مشروع تحسين الأداء.

قياس تأثير تحسينات الأداء

استعان Swappie بخدمة "إحصاءات Google" لإعداد التتبُّع اليومي لـ Rel mCvR ومتوسط وقت تحميل الصفحة على الأجهزة الجوّالة، باستخدام جدول بيانات النموذج هذا. (اقرأ التعليمات حول كيفية استخدام جدول البيانات.) وبدأت الشركة أيضًا بتتبُّع "مؤشرات أداء الويب الأساسية" من خلال "إحصاءات Google" وBigQuery. مع تشغيل التتبع، بدأ المطورون في العمل على أداء الموقع.

بعد مرور ثلاثة أشهر فقط من العمل، كان التأثير واضحًا، حيث ارتفعت قيمة Rel mCvR من% 24 إلى% 34 وزادت أرباح الأجهزة الجوّالة بنسبة %42.

تحسينات

تحسين سرعة LCP وCLS

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

كان اكتشاف متغيّرات التصميم أمرًا صعبًا، نظرًا لأنها قد تختلف كثيرًا بناءً على إطار العرض والاتصال. بعد نقل مؤشرات أداء الويب الأساسية من المستخدمين إلى تحليلاتهم، أدركوا أنّهم على المسار الصحيح مع انخفاض متغيّرات التصميم التراكمية (CLS).

الصور

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

الخطوط

حسّنت Swappie الخطوط من خلال تبديل مقدمي الخدمة. كان لذلك تأثير كبير حيث كانوا بحاجة إلى طريقة مثالية للتعامل مع الخطوط الطباعية التي تتطلبها اللغات المختلفة.

النصوص البرمجية التابعة لجهات خارجية

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

إزالة الرموز غير المستخدَمة وتحسين التجميع

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

إنشاء ثقافة الأداء في Swappie

لا تنبع النتيجة التي حققتها Swappie من التغييرات في التعليمات البرمجية فقط، ولكن أيضًا من التغييرات في المؤسسة وأولوياتها.

يوضّح رئيس قسم الهندسة "تيمو هوفينين" ما يلي:

عليك ربط سرعة الموقع الإلكتروني بمقاييس النشاط التجاري لإبراز أهميته حقًا. يعود الأمر برمته إلى تحديد الأولويات عندما لا يتوفّر لديك الوقت والموارد، وهذا هو الحال دائمًا. والهدف من ذلك هو إعطاء الأولوية لقيمة العميل، إلا أنّه من السهل جدًا التركيز على الميزات الجديدة وإجراء المزيد من التحسينات المباشرة على الإحالات الناجحة، إذا كنت ترى أنّ سرعة الموقع الإلكتروني تحسّن "الانطباع" عن الموقع فقط. ليس من السهل دائمًا ربط سرعة الموقع الإلكتروني بمقاييس النشاط التجاري، وهنا ساعدنا الحساب باستخدام Rel mCvR بشكل كبير.

تيمو هوفينين

وبمجرد أن تُمنح الفرصة لفريق المطورين للتركيز بشكل كامل على سرعة الموقع لمدة ربع سنة، كانوا أكثر حماسًا للتعمق أكثر.

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

تيمو هوفينين

ويشير "تيمو" أيضًا إلى أهمية قضاء بعض الوقت في البداية في وضع خطط مستندة إلى البيانات وتعلُّم كيفية استخدام علامة تبويب "الأداء" في أدوات مطوّري البرامج وإعداد إحصاءات المستخدمين قبل إجراء أي تحسينات. تعد الرسوم البيانية (خاصة تلك التي تسير في الاتجاه الصحيح) مصدرًا رائعًا للملاحظات والتحقق من صحة عملك! وساعدها الاطّلاع على "مؤشرات أداء الويب الأساسية" في الميدان إلى جانب نتائج Lighthouse (المستندة إلى المختبر) في التركيز على تحسين العناصر الصحيحة التي من شأنها التأثير في معظم الأشخاص.