1,资源压缩合并,减少http请求
1)合并图片,css和js文件合并,css和js文件压缩
2)图片较多的页面也可以使用lazyload懒加载等技术进行优化
3)精灵图或雪碧图等
2,非核心代码一步加载
1)异步加载的方式:
动态脚本加载:使用document.createElement创建一个script标签,即document.createElement('script'), 显然后把这个标签append到body上面去
2)defer
通过异步的方式加载defer.js文件
<script src='./defer.js'></script>
3) async
3,利用浏览器缓存
缓存: 资源文件(比如图片)在本地的硬盘里存有副本,浏览器下次请求的时候,可能直接从本地磁盘里读取,而不会重新请求图片的url
缓存分为: 强缓存和协商缓存
强缓存: 不用请求服务器,直接使用本地的缓存。强缓存是利用http相应头中的**Expires或cache-control**实现的