yisainan / web-interview

我是齐丶先丶森,收集整理全网面试题及面试技巧,旨在帮助前端工程师们找到一份好工作!更多详见公众号「前端面试秘籍」
MIT License
2.63k stars 505 forks source link

[网络] 11. 请简述如何在 HTML 中开启和关闭 DNS 预读取? #948

Open qiilee opened 4 years ago

qiilee commented 4 years ago

答案:

DNS 预读取

概念:

浏览器主动去执行域名解析功能。

当浏览网页时,浏览器会对网页中的域名进行解析缓存,这样当单击当前网页中的连接时就无需进行 DNS 解析,减少用户等待时间,提高用户体验。

范围:

图片、CSS、JS 或 html 上的 link 等 URL。

开关和使用:

<meta http-equiv="x-dns-prefetch-control" content="off" />

<link rel="dns-prefetch" href="//www.spreadfirefox.com" />

前端优化:

减少 DNS 请求次数;

进行 DNS 预获取;