@程序员,一文掌握 Web 应用中的图片优化技巧!( 六 )

module.exports = {

plugins: [

newImageminPlugin({

plugins: [

imageminMozjpeg({

quality: 100,

progressive: true

})

]

})

]

}

接着在Webpack配置文件中,引入自己需要的插件,使用方法完全相同。具体可参考GitHub的文档imagemin-webpack-plugin。

通过图片按需加载减少请求压力

图片按需加载是个老生常谈的话题,传统做法自然是通过监听页面滚动位置,符合条件了再去进行资源加载,我们看看如今还有什么方法可以做到按需加载。

使用强大的IntersectionObserver

推荐阅读