预解析的实现:

1. 用meta信息来告知浏览器, 当前页面要做DNS预解析:<meta http-equiv="x-dns-prefetch-control" content="on" />
2. 在页面header中使用link标签来强制对DNS预解析: <link rel="dns-prefetch" href="http://baidu.com" />

注:dns-prefetch需慎用,多页面重复DNS预解析会增加重复DNS查询次数。

代码示例:

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="dns-prefetch" href="https://unpkg.com" />
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net" />
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

最新文章

  1. JavaScript自运行函数(function(){})()的理解
  2. 十大Intellij IDEA快捷键(转)
  3. mybatis多数据源配置
  4. ThinkPHP中getField( )和field( )
  5. vim 光标按行移动
  6. System.out.println调试输出
  7. Jboss wildfly add JDBC driver
  8. Java 8 vs. Scala(二):Stream vs. Collection
  9. UVA 10718 Bit Mask 贪心+位运算
  10. 【Vue】详解Vue组件系统
  11. python 创建列表和向列表添加元素方法
  12. C语言博客作业--一二维数组。
  13. Accesss数据库的DBhelper类(带分页)
  14. 4.27Linux(5)
  15. tensorFlow入门实践(三)初识AlexNet实现结构
  16. 在Scrapy中使用selenium
  17. IDEA忽略某些文件
  18. Python 一个抓取糗百的段子的小程序
  19. 微信小程序开发——小程序API获取用户位置及异常流处理完整示例
  20. [leetcode]Reverse Linked List II @ Python

热门文章

  1. Jetty入门(1-2)eclipse集成jetty插件并发布运行应用
  2. Vue全家桶
  3. JSON(五)——同步请求中使用JSON格式字符串进行交互(不太常见的用法)
  4. Archaius 原理
  5. DMO节点内部插入的常用方法与区别
  6. 解决Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/Student_recruit]]
  7. [转][scrapy] CannotListenError: Couldn’t listen on [Errno 98] Address already in use.
  8. 深入解析浏览器的幕后工作原理(三) 呈现树和 DOM 树的关系
  9. ES6 new syntax of Default Function Parameters
  10. Jenkins配置Gogs webhook插件