هل يجب إضافة مؤشرات التحميل إلى صفحات الويب؟
تعد السرعة من أكثر العوامل ذات الأهمية القصوى عند تحميل صفحات المواقع لما لها من تأثير على تجربة المستخدم وتفاعله ومدى رضاه وأيضًا على ترتيب الموقع بمواقع البحث لكون السرعة من إحدى العوامل التي تحدد من خلالها Google ترتيب المواقع بنتائج البحث.
ويجب أيضًا توفير البيانات للمستخدم، كمؤشر التحميل، من أجل تلبية توقعاته وانتظاره لحين استكمال الصفحة من التحميل. ولكن السؤال هو ما إذا كان ذلك ضروريًا في جميع الحالات.
ويجب أيضًا توضيح أن إرشادات إتاحة محتوى الويب (WCAG) لا تنصح بإضافة مؤشر التحميل أو تجنبه بشكل صريح، ولكن هناك بعض النقاط الإرشادية التي يجب مراعاتها لضمان استمرارية إتاحة محتوى المواقع فيما يتعلق بمؤشرات التحميل.
- معيار النجاح لرسائل الحالة (4.1.3) لإرشادات إتاحة محتوى الويب (WCAG) 2.1: يختص هذا المعيار بوجود إشعار نصي يكون متاحًا من خلال التكنولوجيا المساعدة مع أي مؤشر مرئي يوضح أن الصفحة ليست جاهزة للتفاعل أو أن المحتوى لم يتم تحميله بعد، مما يعني أنه عند إضافة مؤشر تحميل الصفحة، يجب إضافة إشعارات نصه معه تظهر من خلال قارئي الشاشات أو أي تكنولوجيا مساعدة، ويمكن إتاحة الإشعارات أيضًا لجميع المستخدمين.
- معيار النجاح لترتيب الأولويات (2.4.2) لإرشادات إتاحة محتوى الويب (WCAG) 2.1: يتطلب هذا المعيار أن يكون لجميع عناصر الصفحة ترتيبًا موحدًا وغير مختلفًا عن المعتاد، مما يعني أن استخدام مؤشرات تحميل الصفحة يجب ألا يتعارض مع إمكانية التركيز على العناصر الأخرى بالصفحة.
- معيار النجاح لإمكانية مقاطعة المهام 2.5.4 لإرشادات إتاحة محتوى الويب (WCAG) 2.1: يختص هذا المعيار بقابلية مقاطعة المهام الطويلة كتحميل الصفحة، فعلى سبيل المثال، يجب ألا يمنع مؤشر التحميل المستخدم من إمكانية توقيف تحميل الصفحة باستخدام مفتاح الهروب escape key.
ما مدى ضرورة مؤشرات التحميل؟
يجب مراعاة السرعة في تحميل صفحات المواقع بهدف الحفاظ على تجربة جيدة للمستخدم، حيث يستخدم Google مؤشريّ أكبر محتوى مرئي LCP وأول محتوى مرئي FCP بالإضافة إلى الوقت المستغرق لتحميل أول بت TTFB لقياس سرعة المواقع الإلكترونية.
ويجب أيضًا محاولة تحقيق سرعة تحميل أكبر محتوى مرئي بحد أقصى 2.5 ثانية لما لا يقل عن 75% من زوار الموقع بهدف توفير تجربة جيدة للمستخدم. ويمكنك التعرف على المزيد عب Google's Web Dev.
عند بناء المواقع بشكل استراتيجي، يمكن الاستفادة من مفاهيم كالآتي:
- preload في CSS
- «التحميل البطئ» lazy loading
- عناصر دلالة HTML
- التخزين المؤقت caching
- شبكات توزيع المحتوى CDN
- عدم الانتظار أثناء تحميل JavaScript
يساعد ذلك عادةً على توفير سرعة جيدة لتحميل أكبر محتوى مرئي، كما توجد هناك عوامل أخرى يجب وضعها في الاعتبار فيما يتعلق بتطوير الواجهات الخلفية أيضًا، كمدة البحث الخاصة بنظام أسماء النطاقات (DNS) وسرعة الخوادم وأماكنها ومدة المعالجة بالواجهات الخلفية، والتي تساهم جميعها في تحديد الوقت المستغرق لتحميل موقعك الإلكتروني.
ولكن إذا كانت مدة تحميل أكبر محتوى مرئي LCP 2.5 ثانية، فقد لا تكون هناك حاجة إلى مؤشر تحميل.
استخدام مؤشرات التحميل بالأقسام بدلًا من الصفحات
يرغب المطور دائمًا في بناء مواقع ذات سرعة تحميل عالية، إلا أنه قد تعوق البيانات الثقيلة دون تحميل صفحة الويب بشكل أسرع.
وهنا يأتي دور المذهب النمطي modular approach في تحديد أجزاء الصفحة التي تسببت في زيادة مدة التحميل وفصلها لتحميل الصفحة بشكل غير متزامن، مما قد يساهم كثيرًا في خفض مدة تحميل الصفحة. وعند تطبيق ذلك، يجب إضافة مؤشر الحالة فقط إلى الأقسام المنفصلة تزامنيًا عن بقية الصفحة.
تمثل الصفحة الهيكلية skeleton screen عنصرًا نائبًا للصفحة بأكملها تحاكي مخطط الصفحة خلال تحميلها لتوفير الملاحظات المرئية بدلًا من حظر الصفحة بأكملها.
وعلى الرغم من تماشي هذا المنهج مع أفضل ممارسات تجربة المستخدم، إلا أنه لا ينصح بكثرة استخدامه. ولكن إذا استخدمته، فاحرص على تطبيقه على أقسام كبيرة بالصفحة بدلًا من تطبيقه على أجزاء صغيرة، فعلى سبيل المثال، يمكنك تحميل قسميّ الأخبار الرئيسية والمدونة معًا بدلًا من تحميل كل مقالة على حدا.
اعتبارات إمكانية الوصول
يجب مراعاة تطبيق إرشادات إتاحة محتوى الويب الخاصة بمؤشرات تحميل الصفحات من خلال تصميمها لتصبح متاحة لجميع المستخدمين باختلافاتهم.
وفيما يلي عدد من النصائح لإتاحة مؤشرات تحميل الصفحة لجميع المستخدمين:
- استخدم مؤشرات تحميل بتصميمات بسيطة وغير مركبة لتجنب تشتت المستخدم أو عدم رؤيتها إذا كان يعاني من مشاكل في البصر.
- تأكد من أن مؤشر التحميل لا يمنع المستخدم من الانتباه لبقية عناصر الصفحة كزر الرجوع أو إعادة التحميل أو شريط البحث.
- تأكد من أن مؤشر تحميل الصفحات لا يمنع المستخدم من خيار وقف التحميل باستخدام مفتاح الهروب Esc.
- يجب ضمان عدم وجود أي عوائق خلال التحميل ليتمكن المستخدم من التفاعل مع الصفحة أثناء قيامها بالتحميل.
بالرغم من فوائد مؤشرات التحميل وشاشات البداية وأيقونات التحميل، إلا أنها قد تتسبب في إزعاج المستخدم إذا كانت بطيئة، ولذلك يجب الالتزام بالنظام في كتابة الكود من أجل تحميل أسرع للصفحات قبل إضافة مؤشر تحميل.
وتذكر أن الهدف هو تحميل أسرع للموقع بدلًا من إضافة المؤشر إلى موقع ذي صفحات بطيئة التحميل.