类别：性能优化 / 日期：2023-01-11 / 浏览：305 / 评论：0
1.不用图片。很多时候会使用到很多修饰类图片，其实这类修饰图片 完全可以用 CSS 去代替。
2.对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪 费带宽。一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然 后去请求相应裁剪好的图片。
3.小图使用 base64 格式
4.将多个图标文件整合到一张图片中（雪碧图）
5.选择正确的图片格式：
对于能够显示 WebP 格式的浏览器尽量使用 WebP 格式。因为 WebP 格式具有更好的图像数据压缩算法，能带来更小的图片体积，而且拥 有肉眼识别无差异的图像质量，缺点就是兼容性并不好
小图使用 PNG，其实对于大部分图标这类图片，完全可以使用 SVG 代 替
照片使用 JPEG
三种优化来降低复杂度： 1.如果父节点不同，放弃对子节点的比较，直接删除旧节点然后添加新的节点重新渲染； 2.如果子节点有变化，Virtual DOM 不会计算变化的是什么，而是重新渲染， 3.通过...
1. 浏览器渲染机制 浏览器采用流式布局模型（Flow Based Layout） 浏览器会把 HTML 解析成 DOM，把 CSS 解析成 CSSOM，DOM 和 CSSOM 合并就产生了渲染树（...
加载性能：（1）css 压缩：将写好的 css 进行打包压缩，可以减小文件体积。（2）css 单一样式：当需要下边距和左边距的时候，很多时候会选 择 使 用 margin:top 0 bottom 0...
浏览：1929
浏览：1285
浏览：937
浏览：796
浏览：762
浏览：717
浏览：700
浏览：614
访客 评论: 2022/11/13
好像还可以
发表评论 / 取消回复