تحليل تقني
March 21, 2022

مشاكل وعيوب منصة سلة التقنية

تحسين سرعة متجر على منصة سلة سيو تقني seo
Ibrahim fathi

نشرت من قبل

إبراهيم فتحي
Statistic Icon

موضوع

تحليل تقني

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

لقراءة حالة الدراسة السابقة اضغط هنا

وكما أسلفنا سابقاً بإن النسبة الأكبر لمتاجر سلة لا تتوافق البتة مع الجانب التقني و تحديثات جوجل المُتعلقة ب سرعة الموقع و أداءه الذي ينعكس بشكل كبير على تجربة المستخدم و تجربة الصفحة، والتي يُطلق عليها
Core web vitals

 

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

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

 

فما هي مشاكل وعيوب منصة سلة التقنية وما هي المشاكل التي واجهتنا :

مُلاحظة : جميع هذه المشاكل توجد في جميع متاجر سلة قاطبةً
  1. المتجر مُستضاف عبر طرف ثالث "منصة سلة" أي ان عملية التحكم تقنياً صعبة. لذلك نستخدم نظام الربط الخاص بنا لنتمكن من تهيئة الموقع تقنياً دون التأثير على أداءه.
  2. المكاتب البرمجية المُستخدمة وكما أسلفنا في حالة الدراسة الأولى بعضها يحمل اصدارات قديمة.
  3. هيكلية عرض العناصر Domtree . حيث ان مطورو سلة لا يعتمدون على سلاسة تعدد العناصر و تقسيمها بشكل برمجي أفضل.
  4. مجموع الاتصالات التي تصدر من الموقع لأول عملية تشغيل والتي تصل الى 70 !! عملية اتصال.
  5. استخدام منصة سلة لـ جوجل تاجز الخاص بها الى جانب جوجل تاجز الخاص بالعميل وهذا يزيد من بُطء الموقع.
  6. يبدأ الموقع بالحصول على البيانات عند الثانية رقم 1 وينتهي عند الثانية رقم 10 ! من الممكن أن نقول بأن المطور
    " ينتهك حُرمة الموقع تقنياً بشكل حرفي " !!!!!!
  7. وجود4 عمليات ذات أولوية التشغيل والتي تؤثر سلباً على المتجر وهي :pollyfil.js | rocket-loader.js | mirage.js | beacon.js
  8. الوقت اللازم لاستدعاء ملفات الصور و ملفات الستايل وكذلك الجافا سكربت ذات الأولوية يأخذ وقتاً يُعتبر نوعاً ما طويل : 600-800 جزء من الثانية. أترك العملية الحسابية لكم لتحديدها ل 70 عملية اتصال !!
  9. استخدام سلة لخاصية تشفير الايميل والتي تستدعي ملف جافا سكربت

تحديثات سلة الجديدة :

بيدَ أنَّ مطوري سلة يعتمدون على ربط المتاجر من خلال استخدام cloudflare ، فإنهم مؤخراً قامو ب استخدام خاصية تسريع تحميل الصور عند أول عملية تشغيل للمتاجر ويطلق عليها Mirage وهي خاصية مدفوعة من ضمن خدمات cloudflare. إن استخدام هذه الخاصية له دواعٍ خاصة أي انه لا يتوافق على الدوام مع كافة انواع المواقع. ولتوضيحها بشكل بسيط. لا يتوافق استخدامها مع انظمة سلة بشكلها الحالي "قوالبها الحالية" فور أن يقوم المطورين بحل جموع المشاكل التقنية لمنصة سلة "قوالب و ثيمات" فإن هذه الخاصية سيكون لها الدور الفعال.

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

 

 

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

للوصول الى النتيجة الأفضل عبر أدوات قياس السرعة ، كان لا بُدَّ لنا من حل المُشكلات الآنفةِ الذكر .

الحلول :

  1. التخلص من جميع الملفات التي لا داعٍ من استخدامها وهي سابقة الذكر في النقطة رقم 7.
  2. تأجيل عملية عرض الصور الى حين الوصول الى الصورة.
  3. تقليل حجم الاتصالات الصادرة من الموقع.
  4. الغاء جوجل تاجز الخاص بـ سلة والإبقاء على جوجل تاجز الخاص بالعميل.
  5. زيادة سرعة الاتصال للحصول على أول بايت من البيانات ، والانتقال من الحصول عليها في الثانية رقم 1 الى الحصول عليه في 400جزء من الثانية.
  6. زيادة سرعة تحميل البيانات من الانتهاء عند الثانية رقم 10 ، الى الانتهاء عند الثانية رقم 1 و 450جزء من الثانية
  7. تحسين سرعة استدعاء الملفات من 600-800 جزء من الثانية لكل ملف الى 100-200 جزء من الثانية لكل ملف.
  8. الغاء خاصية تشفير البريد الالكتروني.
بعد تنفيذ جميع هذه العمليات ، استطعنا الحصول على النتائج التي يرغب بها العميل وكذلك المُحافظة قدر المُستطاع تقنياً على مواكبة تحديثات قوقل المُستمرة حول تحسين سرعة الموقع و تجربة المستخدم.

توضح الصور التالية مُجمل المشاكل و نتيجة الحلول التقنية التي اسلفنا ذكرها و تطبيقها على الموقع

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

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

النتيجة

سرعة المتجر بعد عملية التحسين

ثانياً : العمليات و البيانات

العمليات التي يقوم المتجر بحسابها و استدعاءها لتشغيل الموقع بشكل فعلي

النتيجة

تقليل عدد العمليات وكذلك تحسين سرعة قراءة البيانات

ثالثاً : سرعة نقل البيانات

توضح الصورة العملية الابتدائية و النهائية لنقل البيانات

النتيجة

رابعاً : الاتصالات الصادرة وحجم البيانات

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

النتيجة

بيانات اقل و سرعة اكبر وأداء أفضل

خامساً : النتيجة النهائية عبر ادوات القياس

قبل عملية التحسين

النتيجة

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

حالات دراسة آخرى