图片优化

Posted huangwentian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片优化相关的知识,希望对你有一定的参考价值。

降级加载 响应式 然后lazyload也用了 因为不同尺寸的设备显示的大小不一样,所以在请求的时候,改为请求指定大小的尺寸 后面又在生成图片的时候,把质量都降到了90
比如原图是aa.jpg [email protected] 435宽 lazyload之前 lazyload不是有个属性来定义是否通过它加载图片(data-original)
全部默认不通过lazyload,然后加载出来,加一层视口宽度的处理,加到data里面 再让lazyload加载



以上是关于图片优化的主要内容,如果未能解决你的问题,请参考以下文章

Web性能优化:图片优化

现代图片性能优化及体验优化指南

现代图片性能优化及体验优化指南

性能优化: 图片的相关优化 -- 优化项 : 图片压缩

网站优化之路---图片优化,图片从模糊到清晰

现代图片性能优化及体验优化指南