DNS????????? dns-prefetch
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DNS????????? dns-prefetch相关的知识，希望对你有一定的参考价值。
?????????lib ???????????? ?????? ???????????? ????????? https ams ?????? ??????
1???DNS ????????????
??????Domain Name System?????????????????????????????????IP????????????????????????????????????????????????
??????DNS??????????????????????????????????????????????????????????????????????????????DNS????????????????????? google.com??????????????????ip????????????????????????hosts?????????????????????DNS?????????
?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????-Chrome??????????????????????????????
????????????--??????????????????????????????????????????????????????????????????????????????????????????????????????????????????
??????DNS Prefetching????????????????????????????????????????????????????????????
2??????????????? DNS Prefetching???
?????????????????????
??????DNS Prefetch ??????????????????????????????????????????????????? <meta charset="UTF-8"> ?????????
??????//????????????????????? https ??? http ??????????????????????????????https ???????????????//??????????????????https ???????????????http ???
??????<link rel="dns-prefetch" href="[//host_name_to_prefetch.com](http://the_worlds_best_vendor.com/)">
???????????????
??????<link rel="dns-prefetch" href="//www.gome.com.cn/">
3???DNS Prefetching?????????
??????DNS Prefetching?????????????????????????????????????????????????????????
??????a?????????href????????????chrome???firefox??????????????????IE????????????HTTPS???????????????????????????meta?????????????????????
????????????DNS???????????????????????????css???js?????????????????????????????????????????????????????????????????????
????????????????????????js????????????????????????????????????????????????????????????link??????????????????????????????????????????
???????????????????????????????????????????????????--- ??????taobao???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????DNS Chrome??????????????????????????????????????????
4?????????????????????
??????????????????????????????????????????????????????0~1ms,?????????????????????????????????15ms???????????????????????????????????????????????????????????????150ms??????????????????????????????1S?????????
??????DNS???????????????????????????DNS?????????????????????????????????http?????????????????????UDP?????????ok?????????100bytes????????????
???????????????DNS????????????????????????XP??????50???200??????????????????Chrome???????????????????????????????????????????????????????????????????????????????????????DNS?????????????????????
???????????????????????????chrome????????????????????????:
????????????"about:histograms/DNS" and "about:dns"
??????????????????????????????
??????1.??????????????????????????????dns prefetching???
??????2.???js???????????????????????????????????????dns prefetching???
??????3.???????????????????????????dns prefetching?????????chrome????????????dns prefetching???
??????4.???????????????????????????????????????dns prefetching???????????????????????????A???????????????????????????A???????????????B???????????????????????????????????????B???????????????dns prefetching??????????????????
5?????????
??????1.????????????Head????????????css??????, ???????????????Head????????????????????????dns prefetching???link????????????????????????????????????
??????2.?????????????????????dns prefetching????????????????????????50ms ~ 300ms?????????????????????????????????????????????
??????3.???chromium????????????????????????dns prefetching????????????????????????????????????
??????Each request typically involves sending a single UDP packet that is under 100 bytes out, and getting back a response that is around 100 bytes. This minimal impact on network usage is compensated by a significant improvement in user experience.
??????4.???chromium????????????????????????chrome??????8??????????????????dns prefetching ??????chrome????????????dns?????????cache??????????????????????????????dns --?????????????????????dns????????????host???????????????chrome???
??????5.??????dns prefetching?????????????????????????????????html???????????????????????????????????????????????????
????????????????????????????????????????????????js???????????????iframe??????????????????????????????????????????????????????????????????????????????dns prefetching????????????
????????????https://www.cnblogs.com/zdz8207/p/seo-DNS-Prefetching.html
以上是关于DNS????????? dns-prefetch的主要内容，如果未能解决你的问题，请参考以下文章
我们应该与 Chrome 进行“dns-prefetch 预连接”的域数量是不是有限制？
HTML link标签中preload，prefetch，dns-prefetch，preconnect，prerender