Cum să corectezi Efficiently encode images în PageSpeed Insights

Efficiently encode images este o verificare de comprimare, nu de layout. PageSpeed Insights analizează fiecare JPEG, PNG și WebP de pe pagină și estimează câte kilobytes ai putea tăia recodificând la o calitate vizibilă similară. Nu spune că fotografia e în format greșit și nu spune că pixelii sunt prea mari - acelea sunt audituri diferite (Serve images in next-gen formats și Properly size images).

Raportul numește fișierele. Tot trebuie să iei acele originale de pe site sau din CMS, să le recodifici și să pui înapoi copiile mai mici. EditItAll nu îți scanează URL-ul și nu vorbește cu PageSpeed Insights. Face doar recodificarea, în browser.

Deschide compresorul JPEG (sau instrumentul PNG / WebP potrivit, dacă asta a listat raportul) și pune originalele grele:

• Lasă calitatea aproape de 80 pentru fotografii. De obicei e indiscernabilă pe ecran și e aceeași bandă pe care o recomandă ghidul de calitate JPEG.
• Dacă o fotografie are mii de pixeli lățime dar se afișează la o fracțiune din asta, setează dimensiunea max. la 1920 sau 1280 - astea sunt opțiunile reale din compresor. Pixelii supradimensionați sunt cealaltă jumătate a greutății paginii; vezi comprimarea JPEG pentru web.
• Citește dimensiunea in → out din lista de rezultate. Încă prea mare? Scade calitatea cu aproximativ zece puncte și rulează din nou. Nu există casetă „comprimă la N KB” - dimensiunea e o ieșire.

Exportă, descarcă, înlocuiește fișierele pe server sau în CMS, apoi rulează din nou PageSpeed Insights. Totul a rămas pe dispozitiv; poți trece offline după ce se încarcă pagina. EXIF este eliminat la export.

Dacă economia arată mică după o recodificare JPEG, PageSpeed Insights poate cere și un format modern. WebP și AVIF bat de obicei JPEG la aceeași calitate vizibilă. Convertește o copie cu JPG în WebP sau compresorul WebP și compară dimensiunile listate. Păstrează un fallback JPEG dacă mai deservești browsere mai vechi.

Fotografiile PNG aproape niciodată nu au loc pe o pagină web. Convertește-le în JPG sau WebP; o recomprimare PNG lossless nu micșorează mult o fotografie. Clusterul comprimarea imaginilor acoperă mai pe larg alegerea formatului.

Recodificarea nu va face un hero de 4000 de pixeli să încapă într-un slot de 800 de pixeli - asta e Properly size images și are nevoie de o dimensiune în pixeli mai mică. Nu va face lazy-load la imaginile de sub pliu și nu va scrie srcset pentru tine. EditItAll nici nu poate atinge automat o țintă în kilobyte, nici nu poate scoate artefacte JPEG deja prezente în fișier. Comprimă o dată din original, apoi oprește-te.