دراسة جوجل لسرعة التصفح من الجوال واهميته

the need for mobile speed

للحصول على دراسة جوجل كاملة باللغة الانجليزية “The need for mobile speed”, يمكنك تحميله من هنا, حيث ستكون هذه المقالة ترجمة حرفية للدراسة الى اللغة العربية وهي حصرية للموقع الناجح.

 

الحاجة الى سرعة التصفح من الجوال

chapters

 

مقدمة

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

بطء تحميل المواقع تحبط الناس والحصول على تجربة مستخدم سيئة وتؤثر بشكل سلبي على الناشرين.

لدراسة حجم هذه المشكلة, قمنا بتقييم اكثر من 10,000 دومين للجوال, باستخدام البيانات الصادرة من Webpagetest.org, Google Analytics و DoubleClick, نحن نبحث ما الذي يجعل مواقع الجوال بطيئة وتحديد تاثير السرعة على المستخدم والارباح, ووجدنا:

  • اكثر من نصف الزيارات القادمة من الجوال تغادر الصفحة اذا لم يتم تحميلها خلال 3 ثواني.
  • 3 من 4 مواقع الجوال “اي نسخة الجوال من الموقع” يستغرق وقت تحميل اكثر من 10 ثواني, ومتوسط تحميل جميع مواقع الجوال كان 19 ثانية.
  • هناك الكثير من العوامل التي تؤثر على الارباح, المشاريع النموذجية التي يتم تحميل موقع الجوال فيها في غضون 5 ثواني تحقق ضعفي الارباح من عائدات الاعلانات من المواقع التي يتم تحميلها في 19 ثانية.

 

الفصل الأول

كيف يجب ان تكون سرعة المواقع للجوال؟

how-fast-should-mobile-sites-beالناس بحاجة الى سرعة بالجوال كل يوم.

تخيل انك هبطت للتو في مطار مدينة جديدة لعقد اجتماع عمل مهم.

بسرعة وانت في المحطة تبحث من خلال جوالك عن مطعم لأخذ عميلك للعشاء.

وذلك منذ استلام الامتعة حتى الوصول الى خط التاكسي, تم تحميل صفحتين فقط, ما الذي ستفعله؟

إغلاق المواقع صاحبة التحميل البطيء ومعظم الناس تعلم ذلك.

يمكن لأسرع السيارات في العالم الانطلاق من 0-60 باقل من ثلاث ثواني, ولكن معظم مواقع الجوال لا يتم تحميلها بهذه السرعة.

  • 53% من الزيارات تتخلى عن الموقع اذا كان يستغرق وقت تحميل اكثر من 3 ثواني.
  • 1 من 2 مستخدمين يتوقعون ان الصفحة سيتم تحميلها بأقل من 2 ثانية.

 

 

 

قياس سرعة مواقع الجوال

يمكنك الانتهاء من غسل يديك بوقت اسرع من الوقت الذي يستغرقه معظم المواقع للتحميل على اتصالات 3G او 4G.

3 من 4 مواقع قمنا بتحليلها تستغرق 10 ثواني تحميل او اكثر, وهذا فقط للصفحة الرئيسية. الصفحات الورقية والتي تمثل الغالبية العظمى على محتوى الانترنت, تميل الى ان تكون نصفها بطيء.

معدل تحميل الصفحات ابطء على شبكات 3G, معدل التحميل للصفحة الرئيسية هو 19 ثانية, يمكنك الصعود 60 طابق بواحد من أسرع المصاعد بالعالم ومازلت تنتظر تحميل صفحة واحدة. وبشبكة 4G معدل التحميل ليس افضل, 14 ثانية.

pageloads-seconds

 

الفصل الثاني

لماذا المواقع للجوال بطيئة جداً؟

why-are-mobile-sites-so-slowمواقع الجوال تشبه حقيبة الظهر – يمكن ان تكون وسيلة نظيفة ومنظمة لحمل ما تحتاجه, طالما انك لن تبالغ بثقله.

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

دعونا نتحدث عن ثلاثة عناصر مفتاحية وجدناها تبطء مواقع الجوال وتجعلها ثقيلة: حجم الملف, طلب العنصر, وطلبات الخادم (file size, element order and server requests).

الاعلانات والصور والفيديوهات وتكنولوجيا القياس الموقع الثقيل المُحمل بالبيانات والطلبات ستجعله يسقط.

 

 

 

 

 

 

احجام الملفات الكبيرة ترهق مواقع الجوال الخاصة بك

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

متوسط حجم صفحة ويب للجوال هي 2.5 ميغا وهذا يعني ان البيانات وحدها ستأخذ 13 ثانية للتحميل على شبكات 3G.

لجعل صفحات موقع الجوال اسرع, أبدء بتحسين الصور (والحد من حجمها) لشاشات الجوال, وتأكد من خفض احجام ملفات الجافا سكربت وتقليل عدد الخطوط داخل صفحاتك.

  • 816 كيلو بايت هو متوسط حجم الاعلانات, التي تستغرق 4 ثواني للتحميل عبر اتصال 3G.
  • 1.49 ميغا بايت هو متوسط حجم المحتوى, والتي تستغرق 7 ثواني للتحميل عبر اتصال 3G.

 

ترتيب تحميل العناصر تساعد او تضر صفحتك

ترتيب تحميلات موقعك من المحتوى والاعلانات والاحصائيات ايضاً. بدلاً من تحميل جميع العناصر معاً بنفس الوقت, وإعطاء أولوية للموارد الموجود اعلى الصفحة (above the fold).

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

تقريباً اكثر من نصف طلبات السيرفر تأتي من الاعلانات.

 

طلبات السيرفر تجعل صفحة الويب للجوال مزدحمة

عندما يلبي متصفح الجوال طلب إظهار إعلان, وتوفير احصائيات او عرض محتوى, فهذه واحدة من مهام الصفحة التي تظهر قبل اكتمال تحميل محتوى الصفحة.

كل صفحة جوال تتطلب وسطياً 214 طلب “serverrequests”, منها 18 يتم تحميله بنفس الوقت وبعضها يتم تحميله واحد تلو الاخر – على اية حال, هذه 214 سبب لجعل مواقع الجوال بطيئة.

حتى لو استطاع المتصفح تنفيذ طلبات متوازية, ستقوم بدفع 214 طلب في وقت واحد, وبما ان كل طلب يحتاج لوقت تحميل يجب عليك ان تفهم ماهية كل طلب ومعرفة فوائدهم وما يوفر كل طلب. هل جعل الاعلانات بالاعلى يجعل الصفحة بطيئة؟ هل اكواد الاحصائيات الكثيرة جميعها مفيدة؟

طلبات الخادم ممكن ان تتراكم على موقعك وتسبب مشاكل, كالأوز الكثير على القارب والذي سيسبب عائق.

 

الفصل الثالث

لماذا سرعة المواقع للجول قضية مهمة؟

why-does-mobile-speed-matterالسرعة للجوال جيدة للجميع وفي كل مكان.

لنتفرض انك تجلس في مقهى الحي, وتحاول معرفة ما يمكنك القيام به في يومك.

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

عندما يكون الموقع بطيء, المستخدم يتفاعل مع المحتوى والاعلانات بشكل اكبر. والنتيجة النهائية:

يمكن للناشرين تحقيق دخل من الاعلانات والمعلنين يحققون اهداف تكوين علامتهم التجارية.

بدراسة حالة الجوال, شاهدنا كيف سرعة موقع الجوال مؤثرة على التفاعل. وقمنا بقياس تاثيرها على معدل الارتداد ومدة البقاء والزيارات لكل زائر ومشاهدة. والاهم من ذلك, درسنا تأثير السرعة على الارباح للناشرين.

46% من المستهلكين يقولون ان انتظار تحميل الصفحات غير مرغوبة بشكل اكبر عند التصفح من الجوال.

 

 

 

تقليل وقت التحميل يضمن المزيد من التفاعل

لاحظنا وجود علاقة بين مواقع الجوال وبين معدلات الارتداد العالية. عندما يكون تحميل الموقع بطيء, سيكون المستخدم اكثر عرضة لإغلاق الصفحة – كل مرة يغادر فيها مستخدم موقعك, تفقد حركة زوار وارباح.

تخيل انك توجهت الى متحف لمشاهدة التحف الجديدة الرائعة, ولديك الخيار بين الانتظار في خط طويل او خط كبار الشخصيات السريع. بطبيعة الحال ستختار الخط السريع الذي يحوي كبار الشخصيات.

بالوقت نفسه اذا لم يكون لديك الخيار ووجدت طريق مزدحم وطويل, ستقوم بالالتفاف والعودة للمنزل.

وهو نفس الشيء مع مواقع الجوال, توليد صفحات سريعة التحميل وسلسة تبقى المستخدمين داخل الموقع وزيادة التفاعل والارباح.

السرعة تجعل الناس اكثر عرضة للنقر على مزيد من الصفحات, مزيد من القراءة واستهلاك المزيد من المحتوى داخل الصفحة.

لو كان لدينا صفحتين الأولى يتم تحميلها في 5 ثواني والصفحة الثانية يتم تحميلها في 19 ثانية سنلاحظ أن:

  • تحسن مشاهدة الصفحات بنسبة 60% للزيارة الواحدة.
  • انخفاض معدل الارتداد بنسبة 35%.

faster-load-times-mean-more-chances

 

وقت انتظار اقل يعني تمضية وقت اكبر على الموقع

وجدنا علاقة بين سرعة مواقع الجوال وبين مشاهدة الصفحة للزائر ومدة بقائه. ويمضي الناس وقت اكبر على الموقع ومشاهدة الاعلانات اكثر, وعرض الاعلانات يجب ان تكون على شاشة واحدة لمدة ثانية كاملة لتصبح جاهزة للعرض والنظر.

بالمنصات التي يهتم المعلنون بعدد المشاهدات والنقرات فعامل السرعة مهم جداً ويجب على الناشر مراعاته.

عامل السرعة مهم, ولكن الناشرين يهتمون اكثر بالارباح, في حين ان هناك الكثير من العوامل التي تؤثر على الارباح, وبالنسبة للمشاريع النموذجية فإن الناشرين الذين يتم تحميل صفحاتهم في غضون 5 ثواني يحققون ارباح اكبر بمرتين من المواقع التي تحتاج مدة تحميل 19 ثانية في الجوال.

لو كان لدينا صفحتين الأولى يتم تحميلها في 5 ثواني والصفحة الثانية يتم تحميلها في 19 ثانية سنلاحظ أن:

  • زيادة مدة البقاء 75%
  • زيادرة قابلية المشاهدة 25%

 

الفصل الرابع

كيف يمكنك جعل المواقع للجوال سريعة

لجعل المواقع اسرع لدينا 3 خطوات عملية.

المهندس يعلم ان كل قرار يتخذه يؤثر على الاداء, لذلك في المشاريع يجب ان يكون هناك تقييم مستمر للتطوير والتصميم الامثل.

سرعة الموقع للجوال لا يختلف عن المثال السابق: يتطلب التقييم والتنفيذ والرصد.

دعونا نلقي نظرة على ما يمكنك القيام به لمعرفة ما الذي يجعل موقعك بطيء, وتعمل على اصلاحه ووضع الخطط المستقبلية للصيانة.

assessment

 

تقييم اداء موقعك

من الدارجات الى الشاحنات الصغيرة, اي شيء مع اجزاء متحركة يحتاج لمنظم.

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

ونفس الشي ينطبق على مواقع الجوال, وستكون بحاجة الى بعض الادوات لتستطيع تقييم الوضع.

عندما تقوم بالتحقق والدراسة في موقع الجوال الخاص بك, ابحث عن:

  • حجم المحتوى: اكتشف كم هو حجم صفحتك والملفات التي تشكل الجزء الاكبر من البيانات.
  • الاعلانات: اكتشف الاعلانات الضخمة وقم بتقييم عدد الاعلانات وتصنيفها, حيث كل اعلان يزيد من وقت التحميل.
  • اعلانات الفيديو: قم بمراجعة اعلانات الفيديو واكتشف ما الاعلان الذي يسبب تأخر في التحميل.

 

أدوات الجوال

هذه بعض الاداوت يمكنك استخدامها لتقييم حالة موقعك:

  • PageSpeed Insights: هذه الاداة تقيس اداء صفحات الويب, وتقوم بتعيين درجة مناسبة لسرعة الصفحة للإشارة الى كيفية اداء الصفحة (تتراوح من 0-100, +85 جيد), وتقدم لك اقتراحات كيف تعمل على تسريع موقعك.
  • WebPageTest: هذه الاداة مصدر مفتوح, سيتم تشغيل اختبارات السرعة من اماكن متعددة في جميع انحاء العالم, واستخدام حقيقي لسرعات اتصالات المستخدمين لتقديم رؤية غنية ورسوم بيانية والكثير من الموارد, وفحص تحسين سرعة الصفحة, وإعطائك اقتراحات للتحسين.
  • Google Analytics: تقارير سرعة الموقع في احصائيات جوجل توفر رؤية عن كيفية المستخدمين السريعين يشاهدون ويتفاعلون مع المحتوى.
  • Chrome DevTools: هي اداة لتقييم الوقت الحقيقي الذي يستغرقه الموقع للظهور على المتصفح. يمكنك معرفة سرعة الشبكة والمعالج (CPU), ودراسة تفاصيل تحميل الشبكة ومعرفة ماهي الاكواد التي  تؤثر على موقعك.
  • Mobile-Friendly Test: مصممة خصيصاً لمواقع الجوال, هذه الاداة تقيس بالضبط توافق الموقع مع الجوال, وتركز على عناصر السرعة ايضاً.

 

تنفيذ خطة لتحسين موقعك

بمجرد ان تعرف ما الذي يبطئ موقعك, ستعرف الاجزاء التي يتوجب عليك اصلاحها او استبدالها واعادة بنائها.

التعديلات الرئيسية التي تجعل موقعك اكثر سرعة:

  • تقييم الاعلانات الاقم دخلاً لإزالتها والتي تجعل الاداء رديئاً.
  • اختيار منصات اعلان ذات اداء جيد.
  • حذف او تقليل المحتوى العملاق.
  • تخفيف او دمج اكواد الاحصائيات.
  • تحديد اولويات تحميل العناصر الموجودة اعلى الصفحة (above the fold)

تطوير وتحسين بنية الموقع للجوال لجعل الاداء اكثر سرعة, يجب عليك دراسة حلول مفتوحة المصدر مثل Accelerated Mobile Pages (AMP) and Progressive Web Apps

للحصول على افكار ومقترحات اضافية حول كيفية انشاء صفحة ويب عظيمة للجوال, قم بزيارة افضل الممارسات والافكار في Think with Google.

 

مراقبة موقعك للحفاظ على السرعة

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

انت بحاجة لخلق خطة صيانة مع فريقك وتكوين خطة مفيدة.

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

  • مراجعة الاعلانات على موقعك بانتظام, وتحسين وازالة اي شيء يؤخر التحميل.
  • تحديث بيانات analytics وتقييم الطلبات (requests) وحذف البكسلات الغير مفيدة.
  • خلال اي عملية تطوير, قم بتحسين المحتوى والاهتمام بالحجم.
  • تحديد 50 طلب او اقل, و1000 بايت او اقل في كل صفحة.

 

الخاتمة

الناس يسعون الى السرعة, ويتوقعونها في كل مكان, حياتنا اكثر سرعة وفاعلية منذ اي وقت مضى, كما ان وتيرة العالم ترتفع.

بطء مواقع الجوال سيجلعنا في الخلف, وخسارة الكثير والكثير من المستخدمين والارباح وثقة العلامة التجارية.

مواقع الجوال السريعة تستفيد من المستخدمين والناشرين على حد سواء.

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

 

تمت الترجمة بواسطة وليد حمود, الترجمة حصرية للموقع الناجح.

السلام عليكم.

حول وليد حمود

اعمل في مجال تهيئة المواقع وتطويرها منذ اكثر من 14 سنة, عملت بشكل مجاني لمدة سنتين حتى اكتسبت الخبرة الكافية, استخدم السيو و برمجيات بسيطة لتهيئة المواقع وجعلها مُنافسة, هدفي اعطاء العنان لكل شاب والبدء بالخطوة الاولى لتحقيق حلمه.

5 أفكار عن “دراسة جوجل لسرعة التصفح من الجوال واهميته”

  1. موضوع قيم شكرا لك
    أنا أعاني من هذا المشكل العويص
    هل يمكنك عرض درس عن حل المشاكل التي تظهر في أداة قياس جوجل
    وشكرا

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

الفهرس
Scroll to Top
×