Jak opravit Efficiently encode images v PageSpeed Insights

Efficiently encode images je kontrola komprese, ne rozvržení. PageSpeed Insights se podívá na každý JPEG, PNG a WebP na stránce a odhadne, kolik kilobajtů byste mohli ubrat překódováním při podobné viditelné kvalitě. Neříká, že fotka je ve špatném formátu, a neříká, že pixely jsou příliš velké - to jsou jiné audity (Serve images in next-gen formats a Properly size images).

Report pojmenuje soubory. Originály si přesto musíte stáhnout z webu nebo CMS, překódovat je a menší kopie vrátit zpět. EditItAll neprochází vaše URL a nemluví s PageSpeed Insights. Jen překóduje, ve vašem prohlížeči.

Otevřete kompresor JPEG (nebo odpovídající nástroj PNG / WebP, pokud to report uvedl) a vložte těžké originály:

• Nechte kvalitu blízko 80 u fotografií. Na obrazovce to obvykle nelze rozeznat a je to stejné pásmo, které doporučuje průvodce kvalitou JPEG.
• Pokud je fotka tisíce pixelů široká, ale zobrazuje se na zlomku toho, nastavte max. rozměr na 1920 nebo 1280 - to jsou skutečné volby kompresoru. Nadměrné pixely jsou druhá polovina váhy stránky; viz komprese JPEG pro web.
• Přečtěte si velikost in → out v seznamu výsledků. Pořád moc velké? Snižte kvalitu asi o deset bodů a spusťte znovu. Žádné pole „komprimovat na N KB“ neexistuje - velikost je výstup.

Exportujte, stáhněte, nahraďte soubory na serveru nebo v CMS a poté znovu spusťte PageSpeed Insights. Vše zůstalo na zařízení; po načtení stránky můžete jít offline. EXIF se při exportu odstraní.

Pokud úspora po překódování JPEG vypadá malá, PageSpeed Insights může chtít i moderní formát. WebP a AVIF obvykle porazí JPEG při stejné viditelné kvalitě. Převeďte kopii pomocí JPG na WebP nebo kompresoru WebP a porovnejte uvedené velikosti. Ponechte záložní JPEG, pokud stále obsluhujete starší prohlížeče.

Fotky PNG na webovou stránku skoro nikdy nepatří. Převeďte je na JPG nebo WebP; bezztrátové znovukomprimování PNG fotografii moc nezmenší. Cluster komprese obrázků probírá volbu formátu podrobněji.

Překódování nenechá hrdinu o 4000 pixelech vejít do slotu o 800 pixelech - to je Properly size images a potřebuje menší pixelovou velikost. Nenačte líně obrázky pod ohybem a nenapíše za vás srcset. EditItAll také netrefí automaticky kilobajtový cíl ani neodstraní artefakty JPEG, které už v souboru jsou. Komprimujte jednou z originálu a pak skončete.