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

一、资源压缩合并、减少HTTP请求
二、非核心代码异步加载
异步加载的方式:
a、动态脚本加载(动态创建DOM) b、defer c、async
异步加载的区别:
a、defer是在HTML解析完之后才会执行,如果是多个,按照加载的顺序依次执行
b、async是在加载完之后立即执行,如果是多个,执行和加载顺序无关
三、利用浏览器缓存,,缓存的原理
缓存的分类
1、强缓存
Expires 服务器绝对时间
Cache-Control max-age=3600 相对时间
2、协商缓存
Last-Modified
Etag If-None-Match
四、使用CDN
五、DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="">
提升页面性能的方法
1、合并请求 压缩资源,减少http请求
2、启用CDN
3、使用缓存
4、减少DNS查找,使用DNS预解析
5、启用GZIP压缩
6、避免30x重定向
7、配置有效的ETAG
8、让ajax请求可以缓存
9、尽快输出第一个字符
10、使用无cookie域名加载静态资源

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注