Оптимизация под Page Speed

[justmary31]

Здравствуйте! Может не в ту тему написала, прошу меня за это прoстить, но сегодня вбивала свой сайт в PageSpeed и он показал ужасные результаты. Решила спасать ситуацию. Page Speed пишет, что для оптимизации изображений стоит использовать "Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика." Подскажите, кто пользовался, стоит ли это делать и с помощью чего конвертировать?

[vold57]

Подскажите, кто пользовался, стоит ли это делать

Возьмите и проверьте на одной странице.

[alexakap]

Форматы JPEG 2000, JPEG XR и WebP обеспечивают более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются быстрее и потребляют меньше трафика

Эти форматы поддерживаются не всеми браузерами. Соответственно, надо сначала определить браузер клиента, а потом отдавать ему поддерживаемый формат. Гораздо эффективнее и проще настроить кэширование (на сервере/с помощью модулей или плагинов вашего движка), перенести к себе скрипты/стили/шрифты грузящиеся со сторонних ресурсов, убрать из секции head скрипты, которые блокируют загрузку страницы (чаще всего это счетчики метрики и аналитики). Можно в head подключить критический css, но в будущем могут быть проблемы при разработке, я от этого отказался, да и не особо это отражается на скорости. Чаще всего, перечисленного достаточно, чтобы оказаться в зеленой зоне по Google page speed, естественно при условии быстрого хостинга. Если хотите поиграться с изображениями, то выгрузите их на компьютер и сожмите их чем-нибудь типа fileOptimizer

[Val_Ery]

Форматы JPEG 2000, JPEG XR и WebP

Из трех представленных форматов первый (jpeg 2000) полностью поддерживается только Сафари (картинки в этом формате увидят только владельцы макбуков, айфонов/айпадов и аймаков), второй (JPEG XR) - разработка мелкософта, но поддерживается только в ослике 11-ом (IE11). На сегодняшний день microsoft перестала осуществлять поддержку формата в своем "флагманском" браузере ёж (edge), но если у вас установлен windows 10, вы можете увидеть в списке установленных программ модуль поддержки webp.

Получается, на сегодняшний день webp - формат, поддерживаемый всеми мобильными браузерами и десктопными. Исключение составляют Сафари и IE11. Ослик в 10-ой винде от глаз рядового пользователя спрятан (многие и не знают, что он есть), а яблочники отказались выпускать Сафари для Windows (предполагается близкая смерть продукта). Поэтому можно без вопросов конвертировать свои картинки в webp. Гарантированно, 99% пользователей их увидят

стоит ли это делать

На моё ИМХО, да.
Вот здесь я приводил в пример две картинки. Учтите, что в webp картинка пожата с параметром качества по умолчанию (80%, по-моему), а результат получается - прим.300 килобайт для 16 мега пиксельного изображения.

Один момент.
Если у вас сайт на голом html - проблем вообще никаких. Почитайте только изначально про picture и srcset, прежде, чем за изменения браться (это для подстрaховки, вдруг кто-то с айфона на ваш сайт зайдет).
А если CMS... Тогда придется искать плагины. Например, под ВордПресс плагинов куча. Но все монстроподобные, на мой взгляд.

с помощью чего конвертировать

Софта всевозможного множество, включая онлайн конвертеры. Из устанавливаемого под винду точно знаю, что можно конвертить в XnView, ImageMagick. Есть плагин для Фотошопа. Лично мне милее оригинальная гугловая утилита cwebp (консольная).
Есть пакет gulp-webp. Это если пользуетесь gulp...
Да чё там php-gd с getimagesize или imagewebp (это если версия php на сервере, где сайт, ниже чем 7.1).

В общем, вариантов "с помощью чего" множество.

[KEBUH]

WebP  лучше не делать, его не все браузеры нормально воспринимают, поэтому на джепегах, сжатых через Оптимизиллу, вполне можно остановиться. на 30-50% режь качество - глазу не заметно, а по весу под 80% упадёт.

[Val_Ery]

Относительно поддержки webp: лучше сами посмотрите, кто что поддерживает. А советы пожать жипеги с 50% лучше игнорируйте, ибо на результат без слез не взглянешь

[justmary31]

Всем спасибо за советы!

[TipTopSeo]

Оптимизация под Page speed относительная. Лучше потестите загрузку самого сайта, на сколько он быстро загружается на таких сервисах как: ГТметрикс или вебпейджспид.

[<seo>Алексей</seo>]

 Ох уж этот раздутый speed test. Лучше сравните выдачу сайтов по вашим запросам. Если есть в выдаче (а они есть наверняка) сайт, с более худшими показателями, то не обращайте на этот показатель внимание. Копайте в другом месте

[Ruby BOOM]

А насколько ужасные показатели? Можно цифры?
Если есть реклама на сайте, то попробует отключить ее и проверить сайт еще раз. У меня реклама отнимает половину баллов. Так что возможно дело и не сайте-то вовсе.