前端性能优化--图片

头像
渣渣辉
    阅读 2 分钟
    1

    png

    1. png8 大小最小，适合色彩单一

    clipboard.png

    clipboard.png

    不同的业务场景，使用不同的图片格式

    clipboard.png

    clipboard.png

    图片压缩

    clipboard.png

    clipboard.png

    当图片小于4k或者8k时，把图片变成imgage inline，虽然会增加编译后js的大小(几k)，但是相对来说减少了一次http请求，所以还是好的

    clipboard.png

    clipboard.png

    clipboard.png

    clipboard.png

    图片优化，压缩常用网站

    https://www.iconfont.cn/

    clipboard.png

    https://tinypng.com/
    clipboard.png

    http://www.spritecow.com/

    clipboard.png

    javascript
    渣渣辉
    1.3k 声望147 粉丝
    « 上一篇
    前端性能优化--缓存
    下一篇 »
    前端性能优化--资源合并与压缩

    引用和评论

    推荐阅读
    头像
    springboot(二)、RestApi

    渣渣辉阅读 802

    头像
    如何在仓库中添加只对自己生效的.gitignore规则？

    热饭班长赞 4阅读 1.7k

    头像
    不要再这样编写 async/await

    王大冶赞 7阅读 1.1k

    头像
    EventLoop事件循环机制(浏览器和Node EventLoop)

    大卫talk赞 6阅读 2.2k

    头像
    静态NodeList 和 动态NodeList的区别

    Change赞 5阅读 4.9k评论 2

    头像
    JavaScript&ES6----数组去重的多种方法

    云绮棠兮赞 4阅读 3.4k评论 2

    头像
    分享一个基于webpack5 + react + antd的空后台,优化的不错,拿来即用

    alwaysVe赞 2阅读 5.9k评论 5

    0 条评论
    得票最新