بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / أهمية سرعة تحميل صفحة الويب

The Importance of Web Page Loading Speed

 

أهمية أحجام الملفات في مواقع الويب

The Importance of File Sizes in Websites

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

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

سؤال: هل صفحة الويب لدينا خفيفة بما يكفي؟

Is Your Web Page Slim Enough?

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

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

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

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

يُحسب حجم الملف بالبايت bytes، وهي مجموعات من ثمانية بتات bits. إن 1024 بايت bytes هو كيلوبايت kilobyte، أو (1K). يُقاس عرض النطاق الترددي Bandwidth بالبت لكل ثانية bits per second، لذا، مع مراعاة بعض البتات bits الإضافية التي يجب إرسالها لأسباب فنية، سيكون الحد الأقصى لعدد الكيلوبايتات المُستقبَلة في الثانية حوالي عُشر معدل الكيلوبايت/ثانية للمودم tenth of the modem's Kbits/sec rating.

معظم أجهزة المودم التي لا تزال قيد الاستخدام تعمل بسرعة 56 كيلوبت/ثانية، لذا لن تستهلك أكثر من 5 كيلوبت/ثانية تقريبًا. عمليًا، يتراوح المعدل بين 38 كيلوبت و44 كيلوبت، حسب جودة اتصال خط الهاتف. لكن ما هو الحجم المناسب لصفحة الويب؟ إحدى القواعد التي تُستشهد بها أحيانًا هي ألا يتجاوز حجم الصفحة بأكملها 20 كيلوبت. لكن هذا غالبًا ما يكون غير عملي للغاية:

حتى الرسومات الجرافيكية الأساسية اللازمة للعلامة التجارية قد تدفعك إلى تجاوز هذا الحد. الدليل الأكثر واقعية هو استخدام حوالي 50 كيلوبت/ثانية، وهو ما لا ينبغي أن يستغرق تنزيله أكثر من 15-20 ثانية لمستخدمي المودم. حتى هذا يتطلب تخطيطًا دقيقًا وضغطًا دقيقًا لرسومات JPEG.

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

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

أهمية سرعة تحميل صفحة الويب

يمكن جمع أهم العناصر التي توضح لنا أهمية سرعة تحميل صفحة الويب بالنسبة للمستخدم في مجموعة العناصر التالية والتي ذكرتها "جوجل".

تحسين تجربة المستخدم (UX):

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

تعزيز ترتيب محركات البحث (SEO):

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

زيادة معدلات التحويل:

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

تقليل معدل الارتداد:

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

بناء سمعة قوية للعلامة التجارية:

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

التأثير على الإيرادات:

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

أمثلة عن أهمية سرعة تحميل صفحة الويب

Examples of the Importance of Web Page Loading Speed

مثال (1)

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

مثال (2)

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

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

الدليل الكامل للتصميم الجرافيكي الرقمي.

The Complete Guide to Digital Graphic Design

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.