الصور هي الجزء الأكبر من معظم صفحات الويب وأسهل شيء يمكن إصلاحه. وغالباً هناك ثانية أو ثانيتان تنتظران الاسترجاع هنا.
صغّر الحجم قبل الرفع. صورة من هاتف حديث بعرض 4000 بكسل تقريباً، فإذا كانت تُعرض في عمود بعرض 800 بكسل فإن 3200 بكسل الباقية هدر خالص يُحمَّل على كل زائر. صغّرها إلى أكبر مقاس ستُعرض به فعلاً.
اختر الصيغة المناسبة. WebP لكل شيء تقريباً، فهي أصغر بنحو 25 إلى 35 بالمئة من JPEG بنفس الجودة المرئية ومدعومة في كل المتصفحات الحالية. و JPEG للصور الفوتوغرافية حين تحتاج أقصى توافق. و PNG فقط عند الحاجة إلى الشفافية. و SVG للشعارات والأيقونات لأنها تبقى حادة بأي مقاس وحجمها ضئيل عادة.
اضغط الصور. جودة 80 في JPEG لا تكاد تُميَّز عن جودة 100 في معظم الصور الفوتوغرافية، وقد تكون أقل من نصف الحجم.
فعّل التحميل الكسول لما هو أسفل الشاشة. فتُحمَّل الصور البعيدة في الصفحة عندما يقترب الزائر منها بالتمرير. والمتصفحات تدعم هذا أصلاً ومعظم المنصات تفعّله افتراضياً.
وحدد العرض والارتفاع دائماً في شيفرة الصفحة. فبدونهما تقفز الصفحة كلما وصلت صورة، وهو أمر مزعج في الاستخدام ويُحسب ضدك في مؤشرات Core Web Vitals.
