تقرير Lighthouse يقول إن صور موقعي غير مرمزة بكفاءة، ما الحل؟

ما الفرق بين هذه الملاحظة وملاحظة الصيغ الحديثة؟

ملاحظة الصيغ الحديثة تقول: غيّر JPEG إلى صيغة أحدث. أما هذه فتقول شيئًا آخر: حتى بالصيغة نفسها، صورتك محفوظة بإسراف. التقرير يقارن حجم الصورة بحجمها المتوقع عند مستوى ضغط قياسي، فإن كان الفرق ملحوظًا يدرجها في القائمة مع تقدير للوفر. ولهذا يكون الحل هنا خفض الجودة على الصيغة نفسها، دون الحاجة لتغيير الروابط في موقعك. وقد يختلف اسم الملاحظة وموضعها بحسب إصدار التقرير.

مثال: صورة صُدّرت بأعلى جودة

صورة واحدة كهذه في أعلى الصفحة الرئيسية قد تكون أثقل من بقية الصفحة كلها. ومع ذلك فالفرق في المظهر بين الجودة 100 والجودة 80 يصعب أن تلاحظه العين في صورة فوتوغرافية على شاشة عادية.

خطوات الإصلاح

1. افتح التقرير وانسخ أسماء الصور المذكورة تحت هذه الملاحظة، مع الوفر المقدر لكل منها.
2. اجلب النسخ الأصلية لهذه الصور. إن لم تكن لديك إلا النسخة المرفوعة، فنزّلها من موقعك.
3. ضعها في ضغط الصور، واختر JPEG لتبقى الروابط بالامتداد نفسه، وابدأ بالجودة 80.
4. راجع المعاينة، خصوصًا في صور البانر التي فيها نص، وارفع الجودة إلى 85 إن ظهر غبش حول الحروف.
5. نزّل الملفات، وأعد تسميتها بأسمائها القديمة إن كنت ستستبدلها على الخادم مباشرة، لأن الأداة تضيف -compressed إلى الاسم.
6. ارفعها مكان القديمة، وامسح ذاكرة التخزين المؤقت للموقع إن وجدت، ثم أعد تشغيل التقرير.

إن بقيت الصورة في التقرير

• تأكد أن الموقع يعرض الملف الجديد فعلًا، لا نسخة قديمة من ذاكرة التخزين المؤقت أو من شبكة توزيع المحتوى.
• إن كانت المشكلة أبعادًا أكبر من مساحة العرض، فهذه ملاحظة مختلفة، وحلها تصغير الأبعاد بأداة تغيير أبعاد الصور.
• إن كانت الصورة PNG فوتوغرافية، فتحويلها إلى JPEG أو WebP في أداة الضغط سيعطي وفرًا كبيرًا، لكن امتدادها سيتغير وعليك تحديث الرابط.