前端性能优化

 

    1.第一个方面是页面的内容方面

    （1）通过文件合并、css 精灵图、使用 base64 等方式来减少 HTTP 请求数

    （2）通过 DNS 缓存机制来减少 DNS 的查询次数

    （3）对常用不变的资源进行缓存

    （4）使用延迟加载的方式,来减少页面首屏加载时需要请求的资源

    （5）预加载

    2.第二个方面是服务器方面

    （1）CDN 服务提高用户对于资源请求时的响应速度

    （2）服务器端启用 Gzip、Deflate (非常高效的压缩)等方式对于传输的资源进行压缩，减小文件的体积

    （3）减小cookie,静态资源分配到其他域名

    3.第三个方面是 CSS 和 JavaScript 方面

    （1）CSS放在页面的 head 标签中

    （2）避免使用 @import 标签。

    （3）尽量把 js 脚本放在页面底部或者使用 defer 或 async 属性，避免脚本的加载和执行阻塞页面的渲染。

    （4） JavaScript 和 CSS 压缩