تحسين سرعة وأداء متجر إلكتروني على منصة سلة ورفع نتيجة Google PageSpeed للجوال

لدي متجر إلكتروني يعمل على منصة سلة، وأحتاج إلى متخصص محترف في تحسين أداء وسرعة المتاجر الإلكترونية (Web Performance Optimization) ولديه خبرة فعلية في منصة سلة.

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

قمت بعمل اختبار للمتجر باستخدام Google PageSpeed Insights / Lighthouse على الجوال، وكانت النتائج الحالية تقريبًا:

* Performance: 20/100

* FCP: 4.7 ثانية

* LCP: 17.4 ثانية

* CLS: 1.272

* TBT: 520ms

* حجم الموارد التي يتم تحميلها تقريبًا 3.99MB

وأرفقت صور تقرير PageSpeed بالتفصيل مع المشروع.

المطلوب من المستقل

أحتاج شخص يقوم بـ تشخيص المشكلة وتنفيذ الحلول بنفسه، وليس مجرد شرح لي ما يجب فعله.

1. تحليل شامل للسرعة

تحليل المتجر باستخدام:

* Google PageSpeed Insights

* Lighthouse

* Chrome DevTools

* Network / Performance

* تحليل LCP / FCP / CLS / INP / TBT

* تحليل JavaScript وCSS

* تحليل الصور والموارد الخارجية

* تحليل التطبيقات والأكواد المرتبطة بالمتجر

2. تحسين LCP

الـLCP الحالي مرتفع جدًا (17.4 ثانية) وأحتاج تحديد السبب الحقيقي ومعالجته.

ظهر في التقرير أن البنر الرئيسي في الصفحة هو عنصر LCP، كما ظهر أنه يتم التعامل معه بطريقة Lazy Loading.

أحتاج من المستقل مراجعة طريقة تحميل البنر الرئيسي، والتأكد من:

* عدم تأخير تحميل صورة الـLCP.

* إعطاء العنصر أولوية التحميل المناسبة.

* تحسين حجم الصورة وصيغتها.

* ضبط أبعاد الصورة.

* تحسين طريقة تحميل وعرض البنر على الجوال.

* معالجة أي JavaScript أو CSS يؤخر ظهور العنصر.

3. معالجة CLS

الـCLS الحالي 1.272 وهو مرتفع جدًا.

ويظهر في التقرير أن البنرات تسبب جزءًا كبيرًا من المشكلة، حيث ظهرت عناصر بتأثيرات CLS تقريبًا:

* 0.533

* 0.462

لذلك أحتاج معالجة تحرك العناصر أثناء تحميل الصفحة، خصوصًا:

* البنرات.

* الصور.

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

* أي عناصر يتم حقنها أو تغيير حجمها بعد تحميل الصفحة.

والهدف الوصول إلى CLS أقل من 0.1 قدر الإمكان.

4. تحسين الصور

أحتاج مراجعة جميع الصور المهمة في الصفحة، خصوصًا الصور التي يظهر في التقرير أنها أكبر من الحجم المطلوب.

التحسين يشمل:

* ضغط الصور.

* استخدام WebP أو AVIF عندما يكون مناسبًا.

* استخدام أبعاد مناسبة للجوال بدل تحميل صور ضخمة وتصغيرها.

* ضبط width وheight.

* استخدام Lazy Loading للصور الموجودة أسفل الصفحة عند الحاجة.

* عدم تطبيق Lazy Loading بطريقة تضر بصورة الـLCP.

5. تحسين JavaScript

التقرير أظهر:

* JavaScript غير مستخدم بتوفير محتمل حوالي 503KB

* JavaScript execution مرتفع.

* Total Blocking Time حوالي 520ms.

أحتاج تحديد ملفات JavaScript التي يمكن تحسينها أو تأجيلها، مع عدم التأثير على وظائف المتجر.

6. مراجعة التطبيقات والأكواد الخارجية

التقرير أظهر موارد من عدة جهات خارجية، منها على سبيل المثال:

* Google Tag Manager

* Google Analytics

* TikTok Analytics

* Snapchat

* Sift

* وغيرها.

أحتاج مراجعة هذه الموارد وتحديد:

* ما هو الضروري؟

* ما هو غير الضروري؟

* ما الذي يمكن تأجيل تحميله؟

* ما الذي يمكن حذفه؟

* وهل هناك تطبيقات في المتجر تسبب بطئًا واضحًا؟

مهم: لا يتم حذف أي Tracking أو تطبيق مهم قبل التأكد من تأثيره ووظيفته.

7. تحسين CSS

التقرير أظهر:

* CSS غير مستخدم: حوالي 250KB

* CSS يمكن تصغيره: حوالي 20KB

أحتاج تحديد ما يمكن تحسينه فعليًا، مع تجنب العبث بملفات Salla الأساسية التي قد يؤدي تعديلها إلى مشاكل في المتجر.

8. مراجعة الطلبات الحرجة

التقرير أظهر وجود سلاسل طلبات حرجة طويلة، بالإضافة إلى موارد تمنع عرض الصفحة.

أحتاج مراجعة:

* Render-blocking resources

* Critical request chains

* Fonts

* CSS

* JavaScript

* Preconnect

* تحميل الموارد الخارجية

وتحسين ترتيب وأولوية تحميل الموارد قدر الإمكان ضمن إمكانيات منصة سلة.

⸻

المطلوب النهائي

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

الهدف ليس فقط رفع رقم PageSpeed، وإنما تحسين الأداء الحقيقي للمتجر على الجوال، خصوصًا:

LCP + FCP + CLS + INP/TBT

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

⸻

متطلبات المستقل

يفضل أن يكون لديه:

* خبرة مثبتة في منصة سلة.

* خبرة في Web Performance Optimization.

* خبرة في Google PageSpeed / Lighthouse.

* معرفة قوية بـ HTML / CSS / JavaScript.

* خبرة في Chrome DevTools.

* فهم جيد لـ Core Web Vitals.

* خبرة في تحسين متاجر التجارة الإلكترونية.

* القدرة على التعامل مع أكواد وتطبيقات سلة بدون التسبب في مشاكل بالمتجر.

أرجو من المتقدم إرسال أمثلة لمتاجر قام بتحسين سرعتها، وذكر نتيجة PageSpeed قبل وبعد إن أمكن.

⸻

مهم جدًا

لا أبحث عن شخص يقوم فقط بعمل تقرير أو يقول لي “اضغط هنا وعدل هذا”.

أحتاج شخصًا ينفذ التحسينات بنفسه، ويختبر الموقع قبل وبعد، ويشرح لي ما تم تغييره والنتائج التي تحققت.

كما أحتاج أن تكون التعديلات آمنة وقابلة للتراجع، وألا يتم حذف أي تطبيق أو كود مهم بدون التأكد من تأثيره.

سأرسل رابط المتجر وتقرير PageSpeed الكامل للمستقل عند بدء العمل.