页面性能
2018-01-04 本文已影响0人
猴子Hope
一、资源压缩合并,减少HTTP请求
CSS Sprites, JS、CSS源码压缩、图片大小控制合适等等
二、非核心代码异步加载
异步加载的方式
动态脚本加载 defer async
异步加载的区别
defer是在HTML解析完之后才会执行,如果多个,按照加载顺序依次执行
async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关
三、利用浏览器缓存
强缓存
Expires Expires: Thu, 21 Jan 2017 23:39:02 GMT
Cache-Control Cache-Control:max-age=3600
协商缓存
Last-Modified If-Modified-Since Last-Modified: Wed, 26 Jan 2017 00:35:11 GMT
Etag If-None-Match
四、使用CDN
五、DNS预解析
<link rel="dns-profetch" href="//host_name_to_prefetch.com">
https协议,强制打开<a>标签DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on">