оптимизация размера превью

Приветствую!
Цель: набрать как можно больше в developers.google.com/speed/pagespeed/insights/
Проблема: размер превью
Что имеем: в источнике файлов (MS2 Images) задал следующие параметры:
thumbnailType GIF
thumbnails [{«fltr»:«rcd|16|0»,«w»:250,«h»:250,«q»:75,«zc»:«1»}]
Обновил все превью на сайте
Результат: размер превьюшек уменьшился в 2-4 раза
И в developers.google.com/speed/pagespeed/insights/ проблемы с изображением перешли из раздела «обязательно исправить» в «желательно исправить», т.е. полегчало, но не полностью :)
Что делал: пробовал еще занижать цвета до 8, 4 и менять сглаживание (качество получается совсем ужасное), перегенерить в PNG — результата не дало, JPG — не подходит из за размера.
Пробовал ужать превьюшку в фотошопе. Ужимается, как PNG-8 bit до нужного размера. Каждую превьюшку через экшены прогнать — это разовая мера, не вариант на будущее :(

Как ужать превьюшки, что бы все проходило этот тест на «отлично»? Что вписать в строку thumbnails?
Constantine
Constantine
20 января 2016, 21:00
modx.pro
2 037
0

Комментарии: 9

Виталий Серый
Виталий Серый
21 января 2016, 00:45
+1
Следующий шаг — кодировать изображения в base64. PageSpeed Insights такое замечательно кушает и к картинкам уже никаких претензий не имеет.
    Constantine
    Constantine
    21 января 2016, 23:07
    0
    спс, так и сделал, заодно кучу мелочи из менюшек туда впихнул, реально быстрее стало грузиться :)
    Сергей Шлоков
    Сергей Шлоков
    21 января 2016, 08:20
    0
    Обычно он предлагает оптимизированные изображения. Скачиваешь и заменяешь.
      Владимир
      Владимир
      21 января 2016, 10:58
      0
      Но ведь нужно что бы превьюшки генерировались скриптами сайта. Да и у гугла невероятно дерьмовые превьюшки предлагаются к скачиванию, если честно.
      PS минус не мой.
        Сергей Шлоков
        Сергей Шлоков
        21 января 2016, 11:09
        +1
        Я сколько ни старался ужать картинки, все равно гугл выставлял рекомендации. Даже с 1%. Заменил на предложенные, заметного ухудшения качества не увидел. Но зато теперь на картинки не ругается.
        PS минус не мой.
        А нас рать. Комментарий не мой, нашел в интернете. :)
          Владимир
          Владимир
          21 января 2016, 11:16
          0
          А если они (изображения) меняются каждый день? Не статичный же сайт. В основном (у меня) на главной куча анонсов, и конечно, гугл анализирует именно морду. Соответственно, вариант загружать превьюшки гугловские как то не подходит…
          Еще гугл адаптивный дизайн только понимает, вынося вердикт по доступности сайта с мобильных устройств, т.е. если установлен, например mobiledetect гуглу по-барабану ((. А я это к тому, что в адаптивном дизайне иногда требуется загрузить картинку побольше, что бы, например, masonry выстраиваясь в мобильнике столбиком, а на широкоформатном кирпичиками смотрелась одинаково хорошо.…
          Такая вот грусть-печаль.
      Виталий Серый
      Виталий Серый
      21 января 2016, 12:04
      +1
      С Хабра 100 из 100 в Google PageSpeed Insights (Баг или фича)?. Может пригодится. Правда про картинки речь не идет, но идея описана.
        Виталий Греков
        Виталий Греков
        21 января 2016, 18:48
        0
        Пользуюсь Image Catalyst и PageSpeed очень этому рад
          Abu
          Abu
          22 января 2017, 16:45
          +1
          Если бы его еще можно было плагином к phpthumb прикрутить.
          Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
          9