الصور والفيديو أول ما يجعل الموقع ثقيلاً، وهي أيضاً أول ما يمكن إصلاحه بأقل تكلفة. قبل تغيير الاستضافة أو إعادة بناء الموقع، جرّب هذه الخطوات؛ كثير من المواقع تخسر أكثر من نصف حجم صفحتها في ساعة عمل واحدة.
الصيغة أهم من نسبة الضغط. الصور القديمة بصيغة JPEG تُعاد ضغطها مرات ولا تستعيد ما فُقد، بينما WebP و AVIF تعطي حجماً أقل بجودة قريبة.
ولا ترفع صورة الكاميرا كما هي. صورة واحدة من هاتف حديث قد تتجاوز حجم صفحتك كلها، وهي الخطأ الأكثر تكراراً في مواقع المتاجر والمعارض.
صورة بعرض 3000 بكسل تُعرض في بطاقة بعرض 400 بكسل تعني تحميلاً زائداً بلا فائدة. صدّر كل صورة بالمقاس الذي تظهر به، واستخدم srcset لتحميل مقاس مناسب لكل شاشة بدل مقاس واحد كبير للجميع.
والحكم نفسه ينطبق على صور الخلفية في التصميم. صورة خلفية بعرض الشاشة تحتاج مقاساً محسوباً لها، لا ملفاً قديماً كبيراً يُقصّ في المتصفح.
خاصية loading="lazy" تمنع تحميل الصور أسفل الصفحة قبل وصول الزائر إليها. لكن لا تطبّقها على الصورة الأولى أعلى الصفحة، فهي التي تحدد إحساس الزائر بسرعة الموقع.
واكتب دائماً العرض والارتفاع لكل صورة، حتى لا تقفز الصفحة أثناء التحميل. هذا القفز يزعج المستخدم ويحسب ضدك في مؤشرات السرعة.
والضغط الجيد لا يعني جودة رديئة: صورة مضغوطة بجودة 80 على مقياس الضغط تبدو للعين قريبة جداً من الأصل، وتوفّر في العادة أكثر من نصف الحجم.
ملف فيديو داخل استضافتك يستهلك نطاقاً ويبطئ كل زيارة. الحل المعتاد: رفعه على منصة مشاركة وتضمينه، أو وضع صورة مصغرة تفتح المشغل عند الضغط.
وإن كان الفيديو ضرورياً أعلى الصفحة، فاستخدم مقطعاً قصيراً جداً وبلا صوت، مع صورة بديلة تظهر قبل تحميله.
سجّل خط الأساس أولاً: الحجم الكلي للصفحة، وأكبر عنصر فيها، ودرجة الجوال من الأداة نفسها التي ستقيس بها لاحقاً. ثم غيّر شيئاً واحداً في كل مرة — الصيغ، ثم المقاسات، ثم التحميل المتأخر — لتعرف أي خطوة أفادت فعلاً.
وتذكّر أن السرعة تُقاس من مكان الزائر: شبكة الجوال ومسافة الاستضافة يعنيان أكثر من قوة جهازك. اختبر موقعك من هاتف على شبكة جوال، لا من حاسب مكتبي متصل بشبكة سريعة.
في أغلب المراجعات يكون أكبر عنصر في الصفحة صورة أو فيديو، ولهذا يأتي العمل على الوسائط قبل أي تغيير تقني آخر. Q8DM تتعامل مع تحسين الصور والفيديو داخل مشاريع بناء المواقع وتحسين المواقع القائمة، مع الحفاظ على الجودة البصرية التي وافق عليها العميل.
ابدأ بالصفحة الرئيسية وأكثر صفحة منتج أو خدمة زيارة، ثم انتقل إلى بقية الصفحات. وإن أردت معرفة أين يذهب الحجم الزائد في موقعك فعلاً، اطلب مراجعة تقنية عبر q8dm.com.