اختبار المتصفح ليس ممتعًا ، ولكن هذه الأدوات ستساعد في جعل حياتك أسهل

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

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

ما هو اختبار المتصفح؟

في أبسط مصطلحاته ، يعني اختبار المتصفح التحقق من كيفية ظهور جميع صفحات الويب الخاصة بك عند عرضها في متصفحات مختلفة مثل Explorer أو Firefox أو Chrome. قد لا تدرك أن المتصفحات المختلفة يمكن أن تعطي موقعك مظهرًا مختلفًا ، لكن هذا صحيح وفقط عن طريق اختبار موقعك يمكنك حقًا رؤية صفحاتك كما يفعل الآخرون.

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

لماذا يعد اختبار المستعرض مهمًا؟

أولئك الذين يستخدمون الإنترنت لديهم الآن عدد كبير من الخيارات فيما يتعلق بالمتصفح الذي يختارونه. إن اتخاذ قرار بعدم إجراء أي اختبار للمتصفح - بالإضافة إلى الاختبار المستقبلي عند إضافة الصفحات أو تغيير التصميمات - يعني أن العديد من الزوار المحتملين قد يجدون موقعك يتعذر الوصول إليه أو يصعب عرضه. قم برمي أولئك الذين يستخدمون هواتفهم الذكية للتصفح وأي موقع لم يتم التحقق من توافقه مع مستخدمي الأجهزة المحمولة يمكن أن يعني خسارة الإيرادات من اليوم الأول.

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

ما الذي يمكن أن يجعل موقعك يبدو مختلفًا؟

هناك عدد من المشكلات والتأثيرات التي يمكن أن تعني أن المستخدم سيرى موقعك على شاشته بطريقة مختلفة عن الطريقة التي كنت تقصدها. هناك العديد من المتغيرات - بما في ذلك بعض المتغيرات التي لا يمكنك التحكم فيها - وهذا يعني أن كل زائر من المحتمل أن يرى موقعك بطريقة مختلفة قليلاً. هذه هي العناصر الرئيسية التي تعني أنه قد يكون لديك مشكلات في عرض الموقع:

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

اختبار المتصفح والمواقع المحسنة للجوال

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

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

إعداد الاختبار

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

بالنسبة لأولئك الذين لديهم بعض الخلفية التقنية في مجالات أخرى من تكنولوجيا المعلومات ويرغبون في الانخراط في اختبار المتصفح ، فإن إعداد اختبار متصفح الإطار سيشمل:

• متصفحات الاختبار : متغيرات Mac و Windows
• أجهزة الاختبار : أجهزة iPhone و Android و Macbooks المختلفة
• نظام الاختبار المتزامن : إجراء الاختبارات في نفس الوقت عبر متصفحات مختلفة
• برنامج تصحيح الأخطاء عن بُعد : القدرة على تصحيح أخطاء مواقع الجوال حيث لا يمكن النقر بزر الماوس الأيمن
• متصفحات Edge Case : استكشاف وحل إدخالات المستخدم غير المتوقعة أو الجلسات المتقطعة أو المتصفحات القديمة المستخدمة بشكل لا يصدق
• اختبار لقطة الشاشة : اختبار آلي لإعطاء لقطة عرض فورية
• أداة تغيير حجم منفذ العرض : حجم الشاشة التي يستخدمها الزائر - سيختلف وفقًا للجهاز

بعض الأدوات الرائعة للمساعدة في اختبار موقعك

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

تم تصميم أفضل أدوات الاختبار لجعل المهمة سهلة التنفيذ والنتائج مباشرة إلى الأمام للهضم والعمل حسب الضرورة.

فيما يلي ملخص لبعض أدوات اختبار المتصفح الرائعة - مهما كان مستوى معرفتك وخبرتك.

التصفح

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

يعد Browserling أداة رائعة لأي شخص يبدأ بموقعه الأول ويريد طريقة سهلة حقًا للتحقق من موقعه بسرعة. لا يوجد سوى عدد قليل من التحديدات ويتم عرض النتيجة.

غوستلاب

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

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

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

BrowserStack

BrowserStack هي أداة رائعة من حيث أنها تمتلك القدرة على دعم أكثر من 300 متصفّح وجهاز محمول مختلف (نعم ، هناك بالفعل العديد من المتصفحات المختلفة التي يمكن أن يستخدمها زوارك!) ويمكنك استخدامها عبر الإنترنت حتى لا تحتاج إلى ذلك قم بالتثبيت على عدد من الأجهزة المختلفة لتتمكن من العمل من أي مكان.

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

سوسيلابس

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

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

CrossBrowserTesting

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

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

لأصحاب المواقع الذين يريدون متجرًا شاملاً حيث يمكنهم الاعتماد على أداة واحدة لتنفيذ العديد من الوظائف ، يعد CrossBrowserTesting مثاليًا. هذا لأنه عندما يبدأ ، يقدم CrossBrowserTesting:

• لقطات تلقائية
• اختبار مباشر
• اختبار تسجيل الدخول
• اختبار المنصات المتنقلة
• دعم اختبار تضمين الفيديو

أدوات المتصفح - Firefox و Chrome

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

• Firefox: يمنحك وضع التصميم المتجاوب الفرصة لتغيير منطقة المحتوى على الشاشة دون الحاجة إلى تغيير حجم النافذة. هذا يعني أنه يمكنك عرض منفذ بسهولة. يمكن العثور عليها في قسم الأدوات من القائمة في منطقة مطور الويب.

• Chrome: يستخدم العديد من مالكي مواقع الويب بالفعل Google Chrome DevTools لمناطق أخرى من إدارة مواقعهم. إضافة أنيقة مؤخرًا هي إعداد "التجاوز" حيث سيحاكي Chrome جهازًا محمولاً. إنه موجود في قسم الإعدادات في مربع الأدوات وهو طريقة مفيدة حقًا للتحقق من كيفية عمل موقع الويب عندما يوفر اكتشاف الجهاز موقعًا للجوّال.

سكرين فلاي

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

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

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

اختبار اختبار…

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

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

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

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

الصورة المصغرة للمادة venimo / shutterstock.com