مراقبة أداء التطبيق المنشور: دليل عملي خطوة بخطوة

فريق كودينُشِر في آخرُ تحديثٍ
مراقبة أداء التطبيق المنشور: دليل عملي خطوة بخطوة

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

لماذا تتحول ثانية واحدة إلى خسارة حقيقية؟

لأن العميل الخليجي لا يمنحك فرصة ثانية. دراسة Deloitte بالتعاون مع Google بعنوان «Milliseconds Make Millions» وجدت أن تحسين سرعة الموقع على الجوال بمقدار 0.1 ثانية فقط رفع معدل التحويل في متاجر التجزئة بنحو 8.4%. رقم صغير في الظاهر، ضخم في الفاتورة.

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

المشكلة أن أعراض التباطؤ لا تظهر في لوحة تحكمك. تظهر في رسالة واتساب: «الصفحة ما تفتح». وحين تجرّبها أنت من مكتبك على شبكة ألياف سريعة، تعمل بشكل ممتاز.

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

بدون قياس، كنا سنغيّر التصميم بحثًا عن حل لمشكلة لا علاقة لها بالتصميم. مع القياس، حُلّت بتعديل توقيت مهمة واحدة.

ما المؤشرات التي يجب أن تراقبها فعلًا؟

راقب خمسة مؤشرات لا أكثر: زمن ظهور أكبر عنصر (LCP) ويُفضّل بقاؤه تحت 2.5 ثانية، سرعة الاستجابة للتفاعل (INP) تحت 200 ميلي ثانية، ثبات التصميم (CLS) تحت 0.1، نسبة الجاهزية 99.9% أو أعلى، ومعدل الأخطاء أقل من 1% من الطلبات. هذه الخمسة تكشف معظم المشاكل.

المؤشرات الثلاثة الأولى تُعرف باسم Core Web Vitals، وهي معايير معلنة من Google وتؤثر فعليًا على ترتيبك في نتائج البحث. تجدها مجانًا داخل Google Search Console وفي أداة PageSpeed Insights.

نسبة الجاهزية أبسط مما تبدو: 99.9% تعني نحو 43 دقيقة توقف شهريًا. أما 99% فتعني سبع ساعات. الفرق يبدو تافهًا على الورق، وهو عمليًا الفرق بين متجر محترم ومتجر يفقد ثقة عملائه.

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

احذر فخًا شائعًا: النظر إلى المتوسط. المتوسط يخفي الكوارث. اعتمد المئين التسعين (P90)، أي التجربة التي يعيشها أسوأ 10% من مستخدميك، فهم غالبًا العملاء على شبكة جوال ضعيفة في مدينة بعيدة عن سيرفرك.

خطوة بخطوة: إعداد المراقبة في أول أسبوع

بعد أن تنتهي من نشر تطبيق الويب على الإنترنت، امنح نفسك سبعة أيام لبناء نظام مراقبة كامل. الترتيب التالي مجرّب وعملي:

  • اليوم الأول: اربط النطاق بـ Google Search Console وثبّت Google Analytics 4. عشر دقائق، ومجانًا.
  • اليوم الثاني: شغّل PageSpeed Insights على ثلاث صفحات: الرئيسية، صفحة المنتج أو الخدمة، وصفحة الدفع أو التسجيل. صوّر الأرقام واحتفظ بها كخط أساس تقارن به لاحقًا.
  • اليوم الثالث: أضف مراقب جاهزية بفاصل فحص كل خمس دقائق، ووجّه التنبيه إلى جوالك وبريدك معًا.
  • اليوم الرابع: ثبّت أداة تتبّع أخطاء مثل Sentry لتعرف الخلل قبل أن يخبرك به العميل.
  • اليوم الخامس: فعّل Microsoft Clarity لمشاهدة تسجيلات الجلسات وخرائط النقر. مجاني بالكامل وبلا حد للزيارات.
  • اليوم السادس: حدّد ثلاث عتبات تنبيه فقط، ودوّنها في ملف واحد يراه فريقك.
  • اليوم السابع: اطلب من شخص غير تقني في فريقك أن يجرّب رحلة الشراء كاملة من جواله الشخصي، على بيانات الجوال لا على الواي فاي.

الخطوة الأخيرة هي الأهم، وأكثر ما يُهمَل. الأدوات تقيس الأرقام، والإنسان يكتشف أن زر «إتمام الطلب» يختفي تحت لوحة المفاتيح على آيفون.

كيف تختار أداة مراقبة الأداء المناسبة؟

ابدأ بالمجاني: Google Analytics 4 وSearch Console وPageSpeed Insights وMicrosoft Clarity تغطي احتياج معظم المشاريع الناشئة بصفر ريال. أضف UptimeRobot لمراقبة التوقف وSentry للأخطاء. لا تشترِ Datadog أو New Relic إلا إذا كان لديك مطوّر متفرغ يقرأ لوحاتهما فعلًا.

الأرقام التقريبية تساعدك في المقارنة: UptimeRobot يقدّم خطة مجانية تكفي لعشرات الروابط بفحص كل خمس دقائق، وخططه المدفوعة تبدأ من نحو 8 دولارات شهريًا لفحص كل دقيقة. Better Stack أجمل واجهة وأفضل صفحات حالة، ويبدأ المدفوع منه قرب 25 دولارًا. Sentry فيه خطة مجانية معقولة لمشروع واحد، وخطة الفريق حول 26 دولارًا شهريًا.

أما Datadog وNew Relic فهما فئة أخرى تمامًا: قوة هائلة وتكلفة تتصاعد بسرعة مع عدد السيرفرات وحجم السجلات. رأيي الصريح؟ لصاحب مشروع غير تقني في السعودية أو الإمارات، تركيبة «المجاني + UptimeRobot + Sentry» تكفي حتى تتجاوز خمسين ألف زيارة شهريًا.

وهناك نقطة يغفلها كثيرون أثناء المقارنة: هل ترسل الأداة تنبيهاتها عبر قناة تستخدمها فعلًا؟ لوحة تحكم جميلة لا يفتحها أحد أسوأ من رسالة نصية قصيرة تصل في وقتها.

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

مراقبة الجاهزية والتنبيهات دون إنذارات كاذبة

الجاهزية أرخص أنواع المراقبة وأعلاها مردودًا. أداة تفحص رابطك كل دقيقة وتنبّهك عند الانقطاع، بتكلفة أقل من فنجان قهوة شهريًا.

لكن الإعداد الافتراضي يخدع. ثلاث نصائح من تجربة مباشرة:

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

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

وإن كان لديك عملاء اشتراكات، أنشئ صفحة حالة عامة. عند حدوث عطل، الرابط الشفاف يوفّر عليك عشرين رسالة واتساب ويحفظ ثقة العميل. الصمت أثناء التوقف أسوأ من التوقف نفسه.

تتبّع الأخطاء وقراءة سلوك المستخدم الحقيقي

البطء يزعج العميل، والخطأ الصامت يسرق مالك دون أن تدري. لهذا لا تكتمل مراقبة أداء التطبيق المنشور بلا أداة أخطاء.

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

نصيحة تقنية صغيرة اطلبها من مطوّرك: ارفع ملفات Source Maps. بدونها تصلك رسائل مشفّرة لا تدل على شيء، ومعها تعرف السطر الدقيق في الكود.

الجانب الآخر هو السلوك. Microsoft Clarity يمنحك تسجيلات جلسات وخرائط حرارية ومؤشرًا لطيفًا اسمه «النقرات الغاضبة»، أي حين ينقر المستخدم عنصرًا مرارًا لأنه لا يستجيب. شاهد عشر جلسات فقط لمن غادر عند صفحة الدفع؛ ستتعلّم أكثر من عشرين تقريرًا.

وتابع مسار التحويل داخل Google Analytics 4 كقمع: زيارة ← عرض المنتج ← إضافة للسلة ← دفع. المكان الذي تسقط فيه النسبة بحدة هو أولويتك القادمة، ولا تحتاج خبيرًا لتراه.

خصوصيات السوق الخليجي التي تغيّر أرقامك

موقع السيرفر أول ما أراجعه في أي مشروع خليجي. الاستضافة في أوروبا تضيف زمن استجابة ملموسًا لكل طلب. اختر منطقة قريبة: مناطق AWS في البحرين أو الإمارات، أو مناطق Google Cloud في الدمام والدوحة. الفرق يظهر مباشرة في مؤشر زمن أول بايت (TTFB).

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

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

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

وأخيرًا الجانب التنظيمي: إن جمعت بيانات مستخدمين سعوديين، فنظام حماية البيانات الشخصية (PDPL) يلزمك بالشفافية وأخذ الموافقة. اضبط أدوات التحليل لإخفاء عناوين IP، وامنع تسجيل الحقول الحساسة مثل رقم الجوال وبيانات البطاقة داخل تسجيلات الجلسات.

حوّل الأرقام إلى قرارات شهرية

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

ثم اضبط ثلاث عتبات تنبيه واضحة، لا أكثر:

  • الموقع متوقف أكثر من دقيقتين ← تنبيه فوري على الجوال.
  • معدل الأخطاء تجاوز 2% من الطلبات خلال 15 دقيقة ← تنبيه للمطوّر.
  • زمن LCP لصفحة الدفع تجاوز ثلاث ثوانٍ ← مهمة في قائمة الأسبوع.

واعتمد ما يسميه المطورون «ميزانية الأداء»: قاعدة مكتوبة مثل «لا تتجاوز أي صفحة 1.5 ميجابايت، ولا يزيد زمن التحميل على شبكة 4G عن 2.5 ثانية». أي ميزة جديدة تكسر هذه الميزانية تُراجَع قبل النشر لا بعده.

أسهل ربح في هذا المجال؟ الصور. حوّلنا صور متجر عبايات من JPEG بمتوسط 800 كيلوبايت إلى WebP بحجم 90 كيلوبايت، فنزل زمن التحميل من 5.6 إلى 2.1 ثانية. ساعتان من العمل، وبلا سطر كود واحد.

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

من أين تبدأ اليوم؟

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

الفكرة كلها أن تعرف المشكلة قبل عميلك. هذا جوهر مراقبة أداء التطبيق المنشور، وهو ما يفصل مشروعًا ينمو عن مشروع ينزف عملاءه بصمت. وإن لم يكن تطبيقك منشورًا بعد، ابدأ مجّانًا واجعل المراقبة جزءًا من اليوم الأول لا مهمة مؤجلة.

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

كم تكلفة مراقبة أداء التطبيق المنشور شهريًا؟

يمكنك البدء بصفر تكلفة عبر Google Analytics 4 وSearch Console وPageSpeed Insights وMicrosoft Clarity والخطة المجانية من UptimeRobot. عند التوسّع توقّع 30 إلى 60 دولارًا شهريًا لتغطية مراقبة الجاهزية وتتبّع الأخطاء بخطط مدفوعة. أما أدوات المؤسسات مثل Datadog فتتجاوز ذلك بكثير، ولا تحتاجها قبل وجود فريق تقني متفرغ.

ما الفرق بين مراقبة الجاهزية ومراقبة الأداء؟

مراقبة الجاهزية تجيب عن سؤال واحد: هل الموقع يعمل أم متوقف؟ ومراقبة الأداء تقيس جودة التجربة أثناء العمل: سرعة التحميل، استجابة الأزرار، ثبات التصميم، ومعدل الأخطاء. تحتاج الاثنتين معًا، لأن تطبيقًا «يعمل» لكنه يستغرق سبع ثوانٍ للفتح يخسر عملاءه تمامًا كالمتوقف.

هل أحتاج مطورًا لإعداد أدوات المراقبة؟

لا للأدوات الأساسية. ربط Search Console وGoogle Analytics وClarity وUptimeRobot يتم بلصق كود قصير أو التحقق من ملكية النطاق، وينجزه أي شخص خلال ساعة تقريبًا. تحتاج مطوّرًا في حالتين فقط: رفع ملفات Source Maps لأداة تتبّع الأخطاء، وإنشاء رابط فحص صحّة يلمس قاعدة البيانات ليعطيك قراءة جاهزية أدق.

ما أفضل منطقة استضافة لعملاء في الخليج؟

اختر أقرب منطقة جغرافية لجمهورك: البحرين أو الإمارات في AWS، أو الدمام والدوحة في Google Cloud. القرب يقلّل زمن أول بايت بشكل ملموس مقارنة بسيرفر أوروبي. وإن تعذّر ذلك، استخدم شبكة توزيع محتوى (CDN) لها نقاط حضور في المنطقة لتسريع الصور والملفات الثابتة على الأقل.

اقرأْ أيضًا

مراقبة أداء التطبيق المنشور: دليل عملي خطوة بخطوة — مدوّنة codeyy