前端页面性能优化方式

1，资源压缩合并，减少http请求

 1）合并图片，css和js文件合并，css和js文件压缩

 2）图片较多的页面也可以使用lazyload懒加载等技术进行优化

 3）精灵图或雪碧图等

2，非核心代码一步加载

 1）异步加载的方式：

    动态脚本加载：使用document.createElement创建一个script标签，即document.createElement('script'), 显然后把这个标签append到body上面去

 2）defer

 通过异步的方式加载defer.js文件

 

 3） async

3，利用浏览器缓存

 缓存： 资源文件（比如图片）在本地的硬盘里存有副本，浏览器下次请求的时候，可能直接从本地磁盘里读取，而不会重新请求图片的url

 缓存分为： 强缓存和协商缓存

强缓存： 不用请求服务器，直接使用本地的缓存。强缓存是利用http相应头中的**Expires或cache-control**实现的