الموقع البطيء ما ينحل بجملة «حسّن الصور». يحتاج قياس، قرار، وبعدها قياس ثاني يثبت إنك تحسّنت فعلاً. هذي خطة أسبوع واحد، يوم بيوم، مكتوبة لصاحب عمل في الكويت زبونه داخل من 4G أو وايفاي مقهى مو مستقر. الشغل تقني بسيط، لكن الترتيب هو اللي يفرق: نبدأ بالقياس، نحدد ميزانية واضحة، ننظف الملفات الثقيلة، ونقارن الأرقام قبل وبعد.
أول خطأ إنك تفتح موقعك من مكتبك وتقول «سريع عندي». افتحه على نفس ظرف زبونك. في متصفح كروم، من تبويب Network، اختر تقييد السرعة على Slow 4G، وفعّل خيار إيقاف الكاش. بعدها سجّل ثلاثة أرقام فقط لكل صفحة:
اختبر ثلاث صفحات: الرئيسية، صفحة خدمة أو منتج، وصفحة تواصل. احفظ الأرقام في ملف واحد، لأنه بدون خط أساس ما تعرف هل تحسّنت أو بس غيّرت.
الصور غالبًا أكبر سبب للثقل، وأسهل شي تنضبط. حدد ميزانية قبل ما تلمس أي ملف: صورة الواجهة الرئيسية أقل من 150 كيلوبايت، وصور المحتوى أقل من 100 كيلوبايت، والمصغرات أقل من 40 كيلوبايت. حوّل الصيغة إلى WebP أو AVIF، وتأكد إن أبعاد الصورة قريبة من الحجم اللي تنعرض فيه على الشاشة. صورة بعرض 3000 بكسل تنعرض في مربع 600 بكسل هي هدر صافي. اضغط الملفات بأي أداة ضغط، وقارن الحجم قبل وبعد.
الخطوط العربية ثقيلة بطبعها، فاختصر: وزنين كحد أقصى، وملف واحد لكل وزن، وفعّل خاصية تبديل الخط أثناء التحميل حتى لا يقف النص مخفيًا. استضف الخط على سيرفرك بدل ما تسحبه من خدمة خارجية بعيدة. بعدها افتح قائمة السكربتات واحذف كل إضافة ما تستخدمها فعلاً: سلايدر قديم، إضافة مشاركة، أو أداة إحصاء نسيتها. كل سكربت خارجي، من نافذة محادثة إلى بكسل إعلاني، يدفع الزبون ثمنه بالثانية.
فعّل التحميل المتأخر للصور والفيديوهات اللي تحت الشاشة الأولى، وخلي صورة الواجهة تُحمّل بشكل طبيعي لأنها هي أول شي يشوفه الزائر. حدد عرض وارتفاع كل صورة في الكود حتى لا تقفز العناصر أثناء التحميل. جرّب بعدها على جوال حقيقي: مرّر الصفحة وشوف هل الصور تظهر بسلاسة أو تتأخر وتترك فراغات.
اطلب من مستضيفك تفعيل ضغط Brotli أو Gzip، وضبط رؤوس التخزين المؤقت للصور والملفات الثابتة لمدة طويلة. إذا زوارك كلهم في الخليج والاستضافة في أوروبا أو أمريكا، كل ملف يقطع مسافة طويلة قبل يوصل. راقب زمن استجابة السيرفر، وإذا كان مرتفعًا فالمشكلة في الاستضافة أو قاعدة البيانات مو في الصور. هذي النقطة تحتاج وصول للوحة التحكم أو مساعدة مطور.
ارجع لنفس الجوال، ونفس تقييد السرعة، ونفس الصفحات الثلاث. سوّ جدول بعمودين: قبل وبعد. إذا الحجم نزل بشكل واضح ووقت ظهور العنصر الأساسي اقترب من ثانيتين ونصف، فأنت على الطريق الصح. إذا التحسن ضعيف، أعد النظر في السكربتات الخارجية أولاً لأنها غالبًا الخانة اللي ما انتبهت لها. حدد تذكيرًا شهريًا لإعادة القياس، وتذكر إن كل صورة جديدة تضيفها على الموقع تعدّل الميزانية.
الخطة ما تحتاج ميزانية كبيرة، تحتاج شخص يلتزم بالأرقام. إذا تبغي فريق يمسك القياس والتنفيذ معك، Q8DM تشتغل في البرمجيات والتصميم والتدريب في الكويت من 1998، وتقدر تبدأ من https://q8dm.com.