前端性能优化之-dns预解析
2024-10-12 04:56:16
预解析的实现:
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">
最新文章
- JavaScript自运行函数(function(){})()的理解
- 十大Intellij IDEA快捷键(转)
- mybatis多数据源配置
- ThinkPHP中getField( )和field( )
- vim 光标按行移动
- System.out.println调试输出
- Jboss wildfly add JDBC driver
- Java 8 vs. Scala(二):Stream vs. Collection
- UVA 10718 Bit Mask 贪心+位运算
- 【Vue】详解Vue组件系统
- python 创建列表和向列表添加元素方法
- C语言博客作业--一二维数组。
- Accesss数据库的DBhelper类(带分页)
- 4.27Linux(5)
- tensorFlow入门实践(三)初识AlexNet实现结构
- 在Scrapy中使用selenium
- IDEA忽略某些文件
- Python 一个抓取糗百的段子的小程序
- 微信小程序开发——小程序API获取用户位置及异常流处理完整示例
- [leetcode]Reverse Linked List II @ Python
热门文章
- Jetty入门(1-2)eclipse集成jetty插件并发布运行应用
- Vue全家桶
- JSON(五)——同步请求中使用JSON格式字符串进行交互(不太常见的用法)
- Archaius 原理
- DMO节点内部插入的常用方法与区别
- 解决Failed to start component [StandardEngine[Catalina].StandardHost[localhost].StandardContext[/Student_recruit]]
- [转][scrapy] CannotListenError: Couldn’t listen on [Errno 98] Address already in use.
- 深入解析浏览器的幕后工作原理(三) 呈现树和 DOM 树的关系
- ES6 new syntax of Default Function Parameters
- Jenkins配置Gogs webhook插件