前端面试——页面性能

提升页面性能的方法有哪些？

1、资源压缩合并，减少H仃P请求
2、非核心代码异步加载一异步加载的方式一异步加载的区别
3、利用浏览器缓存一缓存的分类一缓存的原理
4、使用CDN
5、预解析DNS
<metahttp-equiv="x-dns-prefetch-control"content="on">提前打开a标签预解析dns
<linkrel="dns-prefetch"href="//host_name—to—prefetch.com/>预解析dns

异步加载

1、异步加载的方式
1）动态脚本加载
2）defer
3）async

2、异步加载的区别
1）defer是在HTML解析完之后才会执，如果是多个，按照加载的顺序依次执行
2）async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关

 浏览器缓存

缓存的分类
1）强缓存
ExpiresExpires:Thu,21Jan201723：39：02GMT
Cache-ControlCache-Control:max-age=3600
2）协商缓存
Last-ModifiedIf-Modified-Since
EtagIf-None-Match
Last-Modified：Wed,26Jan201700：35：11GMT