website testing part 1, 2, 3 ,4 + merge files مجرد إنشاء وإطلاق موقع الكتروني أمر لا يكفي فالأمر يحتاج الى قدر أكبر من الاهتمام للحصول على نتائج جيدة وتحسين نتائج محركات البحث لموقعك والوصول للصفحة الاولى اختبار الموقع من الامور المهمة جدا والتي يجب القيام بها والتحقق من أن جميع الأمور على ما يرام يجب عليك اختبار الموقع من ناحية العديد من الجوانب المختلف (سرعة - قابلية قراءة - واجهة المستخدم - تجربة المستخدم - التوافق - الأداء - الأمان - … وغيرها) هناك العديد من الأدوات المتخصصة في اختبار المواقع ولكن دعنا نتحدث أولا كيف يمكنك من تحليل واكتشاف الأخطاء بنفسك. ** نصيحة: من الأفضل والجيد جداً اختبار الموقع بالكامل وإصلاح جميع الاخطاء والمشاكل الفنية والتقنية وغيرها قبل إطلاق الموقع وبثه على شبكة الانترنت. إليك قائمة بأهم الجوانب التي يجب عليك الاهتمام بها عند اختبار الموقع: الوظائف: التحقق من جميع الوظائف بالموقع وأنها تتم بشكل صحيح قابلية الاستخدام: التحقق من سهولة وقابلية الاستخدام للموقع دون وجود أي صعوبات بالنسبة للمستخدم. الواجهة التحقق من الواجهة بالكامل وقياس مدى التناسق والتناغم بين العناصر والألوان والخطوط وغيرها… . التوافق: التحقق من مدى التوافقية للموقع على المتصفحات والاجهزة المختلفة. أداء: التحقق من الأداء المُقدم من قبل الموقع للمستخدم (سرعة - تحميل - ترتيب تحميل العناصر - مدة الانتظار لتحميل الصفحة - ترتيب تحميل العناصر لصفحة الويب) الأمان: التحقق من معدل الأمان والحماية للموقع سواء على النطاق الداخلي أو الخارجي. أولا اختبار الوظائف يتم عن طريق اختبار جميع الروابط والصفحات وجودة الاتصال بقاعدة البيانات الخاصة بالموقع وجميع النماذج المستخدمة في الموقع (فورم تسجيل) .. واختبار ملفات تعريف الارتباط واختبار البنية الهيكلية والتنسيق للموقع (html - css) الروابط الداخلية: التحقق من جودة الربط وأن جميع الروابط يعمل بشكل صحيح. الروابط الخارجية: التحقق من أنه أمنة وإنها وتقود المستخدم للصفحة المطلوبة روابط الانتقال بنفس الصفحة (روابط القفز #) التحقق من جودة الارتباط ما بين الرابط والقسم المخصص له في نفس الصفحة روابط البريد: مراجعة الروابط المخصصة للبريد الالكتروني ومدى فاعليتها في المصادقة مع الاجهزة وتفعيل التطبيقات للمراسلة الفورية (عند قيام المستخدم بالضغط على الرابط تظهر أمامه نافذة تطبيق المراسلة الافتراضي لديه لبدء المراسلة) النماذج: التحقق من أن جميع النماذج يتم إرسالها بنجاح والتأكد من مدى قابلية الحقول من حيث الضرورة والاختيار (مطلوب - اختياري) لإكمال عملية التسجيل. التأكد من القيم الافتراضية لجميع الحقول المتوفرة بالنموذج .. وقياس احتمالات الادخالات الخطأ للحقول مراجعة النماذج المتعددة قد يكون لديك نموذج مزدوج (بمعنى انه متوفر به أكثر من فئة للتسجيل) يجب مراجعة دقة التسجيل كل فئة وقياس الاحتمال للتسجيل من قبل المستخدم في حالة التسجيل بأكثر من فئة مراجعة حقول المُعرف والتحقق من أنها فريدة ولا يوجد احتمالات للخطأ أو التكرار. والتأكد بأن النماذج يتم تخزينها في قاعدة البيانات بشكل صحيح وقياس الفارق الزمني بين الإرسال الاستقبال عند ملئ النموذج .. واختبار مدي الدقة عند التحميل الزائد وإجراء عمليات تسجيل متعددة في وقت واحد ومدي الاستجابة الفورية فيما بين السيرفر والمستخدم (سرعة الاستجابة للمستخدمين بنجاح التسجيل - وجودة التسجيل في قاعدة البيانات) في حالة النماذج المتقدمة التي تحتوي على حقول متخصصة لتقديم معلومات دفع الكتروني يجب التحقق من مدى جودة الربط فيما بين النموذج وبوابات الدفع ومراجعة درجة الحماية من ناحية الموقع وخاصة في نقطة الوصل فيما بين الموقع وبوابة الدفع. التحقق من ملفات تعريف الارتباط ومدى فاعليتها في تحسين تجربة المستخدم وفاعليتها في تحقيق أفضل تجربة ممكنة (بتكون حسب الملفات التي يتم تخزينها في المتصفح بناء على تفضيلات المستخدم ومدى دقتها في تفعيل وإبقاء وضع المفضلة للمستخدم عند معاودة الزيارة مرة أخرى) والتحقق من مدى قابلية تفعيل وتعطيل الملفات ومدة صلاحيتها .. والتحقق من موقف جلسات تسجيل الدخول والاجراءات التي تتم في الاحتمالات المختلفة. مراجعة معايير الإحصاء وجمع البيانات وتفاعلات المستخدم أثناء وبعد انتهاء الجلسة والتحقق من الإجراءات التي تتم عند حذف الملفات ومدى الامان والتأثير الذي يحدث. مراجعة أكواد الـ html و css والتحقق من قابليتها للبث عبر الإنترنت وأنها سوف تكون قابلة الزحف والفهرسة (بمعنى أنها مكتوبة بمعايير مناسبة وجيدة) مراجعة قاعدة البيانات ومدى امكانية التعامل معها والتعديل عليها وإجراء التغييرات … والتحقق من العلاقة بينها وبين عمليات الاستعلام التي تتم من خلال المستخدمين. مراجعة رسائل الخطأ عند إجراء استعلام خاطئ من قبل المستخدم نحو قاعدة البيانات لجلب بيانات ومعلومات. ثانيا اختبار قابلية الاستخدام يتم اختبار الموقع بالكامل لتحديد المشاكل والعمل على اصلاحها ويرتكز اختبار قابلية الاستخدام على قياس السهولة والسلاسة في تصفح الموقع ومدى وضوح العناصر المستخدمة حتى يسهل عليه فهمها وكيفية استخدام الموقع بكل سهولة وقياس سهولة التنقل فيما بين صفحات الموقع واتباع المسارات المختلفة وكذلك أماكن تواجد عناصر الانتقال كذلك اختبار الايقونات والازرار المتوفرة بالموقع .. ومدى رموز الاستجابة التي تتم عن استخدامها. ** عند القيام باختبار قابلية الاستخدام يجب مراعاة الاتي: يجب أن يكون الموقع سهل التصفح يجب أن تكون جميع العناصر واضحة للغاية ومفهومة للجميع. يجب أن تتم مراجعة المحتوى واختباره وأنه يجب أن يكون مفهوم وواضح وسهل الفهم يخلو من الأخطاء يجب التحقق من تناسق الألوان والابتعاد عن الألوان المزعجة للمستخدمين يجب التحقق من الإطارات المختلفة وإلغاء الاطارات المزعجة التي تشتت انتباه الزائر و تسبب له الانزعاج يجب التحقق من مسارات الانتقال وأن تكون واضحة وسهلة وقابلة للانتقال ذهابا وايابا يجب التحقق من الروابط النصية ومدى ظهورها في الصفحات وكذلك التحقق من الصور أن تكون بأحجام ومقاسات مناسبة يجب التحقق من قابلية توفير خيارات البحث والتأكد من صحة عملها. ثالثا اختبار واجهة المستخدم والاتصال مع السيرفر يتم اختبار الواجهة الخاصة بالمستخدم وقياس جودة الاتصال مع السيرفر وأن الاتصال يتم بشكل جيد وسريع وأنه يتم الاستجابة وتحميل الصفحات بشكل صحيح. يتم هذا الاختبار بأكثر من طريقة وذلك للتأكد من جودة الاتصال مع السيرفر وقاعدة البيانات والشبكة على كافة الاجهزة وتوافق السيرفر مع جميع الاجهزة والبرامج وواجهة التطبيق. يتم أيضا قياس مدى الاستجابة للتغيرات والتفاعلات التي تحدث على الواجهة ومدى سرعة الاستجابة لها من السيرفر. يتم اختبار الأخطاء التي تحدث ويتم الاستجابة لها من طرف السيرفر حيث يجب أن يتم عرض الأخطاء بشكل مناسب للمستخدم. يتم مراقبة السيرفر واختبار حالات واحتمالات قطع الاتصال وإعادة الاتصال مرة أخرى والتحقق من عمليات اعادة التعيين للإتصال بالسيرفر مرة أخرى. رابعا اختبار التوافقية يعتبر بند التوافقية من أهم البنود التي يجب الاهتمام بها .. ويشمل اختبار التوافقية من جميع انظمة التشغيل وعلى كافة المتصفحات الحديثة والتحقق من جودة توافق الموقع مع المتصفحات ومظهره عليها يتم اختبار التوافقية على المتصفحات بدقة وعناية شديدة خصوصا اذا كان الموقع يستخدم عرض بعض النصوص والأجزاء في الصفحات بواسطة js وكذلك الاستدعاءات بواسطة ajax لواجهة المستخدم في استدعاء بيانات او مقالات يجب الأخذ في الاعتبار النقاط الامنية واختبارها والتي تتمثل في العمليات والأحداث التي تتطلب الاستجابة من المتصفح. يُفضل اختبار اكثر من متصفح بإصدارات مختلفة.. وكذلك الاختبار على أنظمة تشغيل مختلفة بإصدارات مختلفة أيضا .. وكذلك الاختيار على الاجهزة المختلفة جهاز لوحي .. تابلت .. ايفون .. هاتف .. اي باد .. لابتوب .. جهاز مكتبي. يجب الأخذ في الاعتبار عند إجراء هذا الاختبار مراعاة اختيار خيارات الطباعة والتحقق من الخطوط والألوان والمحاذاة للنصوص وغيرها. خامسا اختبار الأداء يتم اختبار الأداء بواسطة سرعات مختلفة للإنترنت وأجهزة مختلفة .. ويتم التحقق من أداء الموقع ومدى استجابته في العديد من الاحتمالات المختلفة. اختبار التحميل والتحقق من مدى وصول المستخدمين لصفحة ما يتم طلبها من السيرفر و هل يمكن للسيرفر أن يحافظ على وقت تحميل الذروة.. حيث يجب أن يتعامل الموقع مع العديد من طلبات المستخدم المتزامنة وبيانات الإدخال الكبيرة من المستخدمين والاتصال المتزامن بقاعدة البيانات والحمل الثقيل على صفحات معينة ، وما إلى ذلك. اختبار الاجهاد والتحقق من مدى استجابة السيرفر في حالة تخطي القدرة الحدودية له (الحد الأقصى) والتحقق من مدى استجابته وآليات تعامله في استعادة الوضع المستقر مرة أخرى. اختبار جميع الوظائف والأحداث التي تتم والتأكد من مستوى الأمان بها.. خصوصا حال وجود أطراف وسيطة. سادسا اختبار الأمان من أهم الاختبارات وفيه يتم التحقق من أن جميع العناصر الضرورية مؤمنة بالكامل وان درجة الحماية عالية بالموقع. يتم أولا اختبار والتحقق من شهادة الأمان وبروتوكولات الاتصال .. وكذلك الروابط الداخلية الخاصة بلوحة التحكم واختبار مدى صلاحية الروابط وفاعليتها في حالات تسجيل الدخول وتسجيل الخروج .. يتم اختبار جميع النماذج والتأكد من طرق الإرسال للمدخلات وكيفية معالجة البيانات .. كما يتم التحقق من مدى أذونات الوصول للصفحات وحالات حظر الوصول للصفحات المهمة .. أو في حالة طلب صفحات معينة او ارسال بيانات معينة. يتم التحقق من فاعلية الـ CAPTCHA والتعرف على عمليات التسجيل المختلفة. يجب التحقق من أن جميع محاولات خرق النظام يتم تسجيلها ويتم أخذ جولة كاملة داخل النظام وتجربة العديد من المحاولات لكشف الثغرات الامنية يتم عمل مسح شامل لملفات النظام للكشف عن وجود فيروسات أو أخطاء فنية .. ويتم مراجعة عمليات التحقق من كلمات المرور. ================== Merge files and remove unused codes يتم التحقق من جميع ملفات الـ css والـ js عند وجود أكثر من ملف سواء css او js يتم ضم جميع الملفات بملف واحد بالنسبة لملفات css وبالنسبة لـ js حسب حجم الموقع واماكن استخدام الدوال .. ويتم ضغط جميع الملفات لتقليل عدد ريكويستات التي تتم على السيرفر عند طلب الصفحة عند وجود تنسيقات مكتوبة inline من المهم جدا الغاءها واضافتها للملف العام (style.css) واستبدالها بكلاس يشير إليها عند وجود تنسيقات في قائمة التخصيص بالنسبة للورد بريس يتم نقله للملف العام (style.css) للحصول على أداء عالي وذلك بسبب أن الكود الذي يتم كتابته في قائمة التخصيص يتم تخزينه في قواعد البيانات التي تتطلب اتصال والذي قد يستغرق بعض الوقت احيانا حال وجود حمل على الموقع. يٌفضل استعداء المكتبات وملفات الـ js بنهاية الملفات حتى يتحسن الأداء ويتم تحميل جميع العناصر الأساسية للصفحة قبل بدء عمل اكواد js عند استخدام مكتبات وملفات يٌفضل مراجعة آلية عمل المكتبات ومدى استخدامها داخل الصفحات وفي حالة كانت الاستخدامات خفيفة يتم اعادة النظر وفتح حلقة النقاش حول كتابة الفانكشن بشكل يدوي مستقلة دون الحاجة لاستدعاء ملف قد يؤثر على أداء الموقع أو استبدال الميزة ميزة أخري وذلك بهدف الاستغناء عن تحميل ملف أو استدعاءه لتحسين الأداء والسرعة وعدد الريكويست . ============================= أهم ادوات اختبار الويب الموصي بها BitBar اداة مميزة في اختبار مواقع الويب .. تعتمد على اختبار المواقع على العديد من المتصفحات المُستضافة سحابياً. LoadNinja اداة تتيح لك وتمكنك من اختبار الموقع باستخدام العديد من المتصفحات الحقيقية وتساعدك في عزل المشكلات والعمل على حلها. LambdaTest اداة تساعد على ضمان عرض عناصر تطبيق الويب (مثل JavaScript و CSS و HTLM5 والفيديو ... إلخ) بسلاسة عبر كل متصفح ويب سطح مكتب وجوال مع دعم للاختبار اليدوي والمرئي والآلي.
(مثال: تسجيل كـ معلن - تسجيل كـ ناشر - تسجيل كـ مسوق مستقل - تسجيل كـ مسوق تابع - تسجيل كـ معلم - تسجيل كـ طالب - تسجيل كـ ولي امر - وهكذا )
