الإنجليزية
صمم موقعك الأن!
تحسين صور الموقع غالباً أكبر مكسب في السرعة: حوّلها إلى WebP أو AVIF، وصغّر أبعادها لما يُعرض فعلاً، واضغطها، واستخدم srcset لأحجام الشاشات، وفعّل التحميل الكسول للصور أسفل الصفحة، وحدد العرض والارتفاع لتجنب تحرك العناصر، وأضف نصاً بديلاً. نشرح كل خطوة والأدوات المناسبة.
الصور هي غالباً الجزء الأثقل في أي صفحة ويب، وهي من أكثر الأسباب شيوعاً لبطء المواقع والمتاجر الإلكترونية. والخبر الجيد أن تحسين الصور من أسهل الخطوات وأسرعها أثراً على سرعة الموقع وتجربة الزائر وترتيبه في نتائج البحث. في هذا المقال نشرح الطرق العملية لتحسين صور موقعك دون التضحية بجودتها.
كل صورة يحمّلها المتصفح تستهلك وقتاً وبيانات، خاصة على شبكات الجوال. وعندما ترفع صوراً بحجمها الأصلي من الكاميرا أو من برامج التصميم، قد تصل الصفحة الواحدة إلى عدة ميغابايتات. النتيجة:
إذا كنت تخطط لموقع جديد أو تريد تطوير موقعك الحالي، يمكننا مراجعة احتياجك واقتراح الحل الأنسب. احجز استشارة مجانية عبر واتساب
لا داعي لرفع صورة بعرض 4000 بكسل لتظهر في مساحة عرضها 800 بكسل. حدّد الأبعاد الفعلية التي تحتاجها، واستخدم السمة srcset لتقديم نسخ متعددة يختار منها المتصفح الأنسب لحجم شاشة الزائر، فيحصل مستخدم الجوال على نسخة أصغر تلقائياً.
التحميل الكسول يعني تأجيل تحميل الصور التي لا تظهر في أعلى الصفحة حتى يقترب الزائر منها أثناء التمرير. ويمكن تفعيله ببساطة عبر السمة loading="lazy" في وسم الصورة. لكن انتبه:
تحسين الصور خطوة صغيرة بأثر كبير: صيغة حديثة مثل WebP، وأبعاد مناسبة، وتحميل كسول مدروس، وضغط ذكي، ونصوص بديلة واضحة. هذه الممارسات معاً تجعل موقعك أخف وأسرع وأكثر جاهزية لمحركات البحث.
لا، استثنِ الصورة الرئيسية أعلى الصفحة لأنها تؤثر على LCP.
AVIF أصغر غالباً، وWebP أوسع دعماً وأسرع في الترميز.
Squoosh وTinyPNG، وإضافات ووردبريس مثل ShortPixel وImagify.
في سيمبا ويب نصمم ونبرمج مواقع الشركات والمتاجر في الأردن والخليج والعالم العربي، سريعة على الجوال ومهيأة لمحركات البحث من اليوم الأول.
آخر تحديث: نوفمبر 2026
