Google Pagespeed: как удовлетворить новые правила сжатия изображений?

У нас есть несколько страниц с хорошими значениями Pageseed - даже те, которые имеют 100/100. Однако через несколько дней компания Pagespeed утверждает, что на всех сайтах (технически разных, разных серверах) наши изображения могут быть более оптимизированы.

Кто-нибудь знает, что именно было изменено алгоритмом? На том, что с PS 100/100 (до), мы используем jpegoptim, поэтому мы действительно не знаем, как оптимизировать дальше. Изображения загружаются нашим приложением, а затем оптимизируются.

Любое понимание будет оценено. Есть ли где-нибудь журнал изменений для PS?

Я вижу такие же неприглядные результаты для страниц без каких-либо проблем прежде, конечно, используя адаптивные фреймворки, такие как ZURB Foundation, с адаптивными изображениями.

В прошлом я использовал:

find . -iname "*.jpg" -exec jpegoptim --strip-all -o -p {} \;

и получил отличные результаты.

Решение на январь 2017: качество 85% должно сработать:

find . -iname "*.jpg" -exec jpegoptim --strip-all -m85 -o -p {} \;

Вернуться к 100/100 на скорости страницы Google.

Вот часть моего метода развертывания gulp / npm для ZURB Foundation 6

// Copy images to the "dist" folder
// In production, the images are compressed
function images() {
  return gulp.src('src/assets/img/**/*')
    .pipe($.if(PRODUCTION, imagemin(
      [
        imagemin.gifsicle({interlaced: true}),
        imageminJpegoptim({
          max: 85,
          progressive: true
        }),
        imagemin.optipng({optimizationLevel: 5}),
        imagemin.svgo({plugins: [{cleanupIDs: false, removeEmptyAttrs: false, removeViewBox: false}]})
      ],
      {
      },
      {
        verbose: true
      }
    )))
    .pipe(gulp.dest(PATHS.dist + '/assets/img'));
}

Вам нужно добавить модули npm gulp-imagemin imagemin-jpegoptim

var imagemin = require('gulp-imagemin');
const imageminJpegoptim = require('imagemin-jpegoptim');

Вы также можете заметить сообщение: « Загрузите оптимизированные ресурсы изображений, JavaScript и CSS для этой страницы». Они сделали всю работу за вас, если у вас возникли проблемы с оптимизацией, которую ожидает Google. Иногда различные инструменты не могут быть такими маленькими, как хочет Google.

Последняя рекомендация от Google - использовать imagemagick convert :

convert INPUT.jpg -sampling-factor 4:2:0 -strip [-resize WxH] [-quality N] [-interlace JPEG] [-colorspace Gray/sRGB] OUTPUT.jpg

с конкретным примером головоломки.jpg

convert puzzle.jpg -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB puzzle_converted.jpg

используя те же аргументы для моих собственных изображений, я получил те же результаты, что и загруженный оптимизированный файл JPG.