性能优化

图片加载优化

1. 不用图片，能用css实现的尽量用css实现。
2. 对于移动端，没有必要加载原图，一般图片使用CDN加载，请求相应剪裁好的图片。
3. 小图使用base64格式
4. 雪碧图

DNS 预解析

DNS解析也是需要事件的，可以通过预解析的方式来获得域名对应的IP。

<link rel="dns-prefetch" href="//yuchengkai.cn">

图片懒加载

在一些图片比较多的网站，如果打开一个网页第一时间就将所有图片都加载，可能会有一些卡顿。所以可以对图片进行懒加载，做法就是判断图片是否在视口中出现，监听滚动事件，当滚动高度加上视口高度大于图片顶部距离页面顶部的距离时，再将图片的src赋值，这样就减少了同一时间的资源请求，优化了页面的渲染速度。

CDN

CDN(内容分发网络)，是一组分布在各地的服务器。这些服务器保存一份同一数据的副本，然后基于请求的位置返回最近服务器中的数据。通常用于保存静态数据，可以把网站的静态资源放在CDN上，比如css、js、图片等。

• 减轻主服务器压力
• 大部分CDN服务器分布在世界各地，所以比你自己的服务器有更少的传输距离。
• 减少配置

浏览器渲染优化