性能优化的几个小点

标签：延时   target   base   www   html   code   get   像素   延时加载   

图片

你知道吗？加载网页时，平均 60% 以上的流量都来加载图片。

1. 简单的图形，可以直接用 css 实现，代替使用图片
2. CDN 服务器提供多种尺寸的图片，按屏幕宽度和像素密度去请求对应的图片（详细看我另外一篇博文）
3. 小图用base64
4. 多个小图合成一张雪碧图
5. 选择正确的图片格式（能用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

　  尽可能的在各个地方分布机房缓存数据

性能优化的几个小点

标签：延时   target   base   www   html   code   get   像素   延时加载   

原文地址：https://www.cnblogs.com/amiezhang/p/11487976.html