性能优化的几个小点
Posted amiezhang
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了性能优化的几个小点相关的知识，希望对你有一定的参考价值。
图片
你知道吗？加载网页时，平均 60% 以上的流量都来加载图片。
- 简单的图形，可以直接用 css 实现，代替使用图片
- CDN 服务器提供多种尺寸的图片，按屏幕宽度和像素密度去请求对应的图片（详细看我另外一篇博文）
- 小图用base64
- 多个小图合成一张雪碧图
- 选择正确的图片格式（能用webp尽量用，不能的话，小图用png，大图用jpg）
预请求（预解析DNS、预渲染页面、预加载）
<link rel="dns-prefetch" href="//yuchengkai.cn"> <link rel="preload" href="http://example.com" as="xxx"> <link rel="prerender" href="http://example.com">
懒执行、懒加载
首屏不需要的逻辑延迟执行，不在首批的图片延时加载
去抖、节流
避免短时间内发出多次请求
CDN
尽可能的在各个地方分布机房缓存数据
以上是关于性能优化的几个小点的主要内容，如果未能解决你的问题，请参考以下文章