2021年6月27日
图片加载的优化
摘要： 图片的懒加载（loading lazy） 原生的：<img loading="lazy" src="xx" /> 插件：react-lazy-load-image-component （github） baseline jpeg 行扫描型图片，（自上而下的出现图片内容） progressive jp 阅读全文
posted @ 2021-06-27 21:02 baixinL 阅读(98) 评论(0) 推荐(0)
图片格式优化
摘要： 合适格式，合适尺寸，智能大小，合理的压缩，懒加载，未显示的用低品质的 图片格式 jpg 有损压缩，色彩保存的比较好 缺点：压缩比比较大，纹理型的图不适合jpg压缩，有锯齿 使用场景：色彩型图片 工具:imagemin jpg压缩文件的工具（npm）, 参考：https://github.com/Kl 阅读全文
posted @ 2021-06-27 20:38 baixinL 阅读(156) 评论(0) 推荐(0)
渲染优化
摘要： 性能检测工具 webpagetest：https://www.webpagetest.org/(测试功能需要fanqiang) lighthouse：npm全局安装，或直接使用chrome devtools的lighthouse performance: chrome devtools的perfor 阅读全文
posted @ 2021-06-27 09:47 baixinL 阅读(208) 评论(0) 推荐(0)