Google 페이지 속도 통계에는 충분하지 않습니까?

Question

잠시 gulp-imagemin을 사용하고 있지만 몇 달 전에 압축 된 이미지로 인해 Google 페이지 속도가 만족스럽지 않은 것으로 나타났습니다. 모든 설정 조합을 시도했지만 결과가 없습니다. 또한 imagemin-cli와 direct jpegtran을 시도해 보았습니다 - 큰 이미지에서 2-5 % 압축을 제공하고 tinyfy는 50 %를 제공합니다. 일부 구름 최적화 도구 (tinify)를 사용할 때 올바른 압축을 제공합니다. 나도 꿀꺽 사용할 수 있습니다 https://www.npmjs.com/package/imagemin-jpeg-recompress를 사용하여 그것을 해결

gulp.task('imagemin', function() { 
     return gulp.src(input_files) 
      .pipe(newer(output_path)) 
      .pipe(imagemin([ 
       imagemin.gifsicle({interlaced: true}), 
       imagemin.jpegtran({progressive: true}), 
       imagemin.optipng({optimizationLevel: 7}), 
       imagemin.svgo({plugins: [{removeViewBox: true}]}) 
      ],{verbose:true}).on('error', gutil.log)) 
      .pipe(gulp.dest(output_path)); 
}); 

Answer 1

내가 얻을 수있는 베스트 (나는 손실을 가정) : 실제 크기는 다음 몇 가지 구글 페이지 스피드 해상도에 크기를 표시 큰 경우

const imageminMozJpeg = require(config.nm + 'imagemin-mozjpeg'); 
const imageminPngQuant = require(config.nm + 'imagemin-pngquant'); 
gulp.task('imagemin', function() { 
    return gulp.src(input_files) 
     .pipe(newer(output_path)) 
     .pipe(imagemin([ 
      imagemin.gifsicle({interlaced: true}), 
      imageminMozJpeg(), 
      imageminPngQuant({quality:'85-100'}), 
      imagemin.svgo({plugins: [{removeViewBox: true}]}) 
     ])) 
     .pipe(gulp.dest(output_path)); 
}); 

구글은 반응 이미지 여전히 불행 =/

Answer 2

: 같은

나의 현재 꿀꺽 작업이 보인다.

나는 ES2015 내 경우 꿀꺽 4 콜백 자신의 파일에 상주 작업을 사용하고 있습니다,하지만 당신은 내 코드를보고 생각을해야합니다

'use strict'; 

import config from '../config'; 
import gulp from 'gulp'; 
import imagemin from 'gulp-imagemin'; 
import imageminJpegRecompress from 'imagemin-jpeg-recompress'; 

export default function() { 
    return gulp.src([config.jekyll.imagedir + config.glob.deep.image]) 
    .pipe(imagemin([ 
     imagemin.gifsicle({interlaced: true}), 
     imageminJpegRecompress({progressive: true, method: 'smallfry', quality: 'veryhigh'}), 
     imagemin.optipng(), 
     imagemin.svgo({plugins: [{cleanupIDs: false}]}) 
    ], {verbose: true})) 
    .pipe(gulp.dest(config.jekyll.imagedir)); 
}; 

그러나 인식이 그 손실 알고리즘을 사용하여 JPEG 파일을 압축하는 것을 의미하는 반면, https://github.com/imagemin/imagemin-jpegtran (기본값 : gulp-imagemin에서 사용됨)은 무손실 변환 만 수행합니다.