Як виправити Efficiently encode images у PageSpeed Insights

Efficiently encode images - це перевірка стиснення, а не макета. PageSpeed Insights переглядає кожен JPEG, PNG і WebP на сторінці й оцінює, скільки кілобайтів можна скинути, перекодувавши за схожої видимої якості. Він не каже, що фото в неправильному форматі, і не каже, що пікселі завеликі - це інші аудити (Serve images in next-gen formats і Properly size images).

Звіт називає файли. Вам усе одно треба взяти ті оригінали з сайту чи CMS, перекодувати їх і покласти менші копії назад. EditItAll не обходить ваш URL і не спілкується з PageSpeed Insights. Він лише перекодовує, у вашому браузері.

Відкрийте компресор JPEG (або відповідний інструмент PNG / WebP, якщо саме його перелічив звіт) і перетягніть важкі оригінали:

• Залиште якість близько 80 для фотографій. На екрані це зазвичай не відрізнити, і це той самий діапазон, який рекомендує посібник із якості JPEG.
• Якщо фото має тисячі пікселів завширшки, але показується на частці того, встановіть макс. вимір на 1920 або 1280 - це реальні опції компресора. Надмірні пікселі - друга половина ваги сторінки; див. стиснення JPEG для вебу.
• Прочитайте розмір in → out у списку результатів. Ще завеликий? Знизьте якість приблизно на десять пунктів і запустіть знову. Немає поля «стиснути до N KB» - розмір є виходом.

Експортуйте, завантажте, замініть файли на сервері чи в CMS, потім знову запустіть PageSpeed Insights. Усе лишилось на пристрої; після завантаження сторінки можна працювати офлайн. EXIF знімається під час експорту.

Якщо економія після перекодування JPEG виглядає малою, PageSpeed Insights може також просити сучасний формат. WebP і AVIF зазвичай перемагають JPEG за тієї самої видимої якості. Конвертуйте копію через JPG у WebP або компресор WebP і порівняйте вказані розміри. Залиште запасний JPEG, якщо все ще обслуговуєте старіші браузери.

Фото PNG майже ніколи не варто ставити на вебсторінку. Конвертуйте їх у JPG або WebP; безвтратне повторне стиснення PNG фотографію майже не зменшить. Кластер стиснення зображень глибше розбирає вибір формату.

Перекодування не втисне герой 4000 пікселів у слот 800 пікселів - це Properly size images, і потрібен менший розмір у пікселях. Воно не зробить відкладене завантаження зображень нижче згину і не напише вам srcset. EditItAll також не влучить автоматично в кілобайтну ціль і не прибере артефакти JPEG, які вже є у файлі. Стискайте один раз з оригіналу, потім зупиніться.