优化网页加载时间

1.dns 域解析提升网页加载速度

DNS 实现域名到IP的映射。通过域名访问站点，每次请求都要做DNS解析。目前每次DNS解析，通常在200ms以下。针对DNS解析耗时问题，一些浏览器通过DNS Prefetch 来提高访问的流畅性。

什么是 DNS Prefetch ?

DNS Prefetch 是一种DNS 预解析技术，当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行DNS的解析，减少用户等待时间，提高用户体验。

dns Prefetch 应该尽量的放在网页的前面，推荐放在 后面。具体使用方法如下：

<meta http-equiv="x-dns-prefetch-control" content="on"><br>
<link rel=”dns-prefetch” href=”//static.360buyimg.com”><br>
<link rel=”dns-prefetch” href=”//img.360buyimg.com”>
复制代码

2.异步加载 script

在 script 标签里加入 defer、async 属性

<script defer src="deferred.js"></script>
<script async src="deferred.js"></script>
复制代码

转载于:https://juejin.im/post/5c77cda0e51d45104c40a813