看不见的的html

1.  meta标签自动刷新/跳转

　　实现定时跳转功能：除了设置定时器外  可以

　　<meta http-equiv="Refresh" content="5";URL=page2.html>  5秒后跳转至同域下的page2页面

　　每隔一分钟刷新页面

　　<meta http-equiv="Refresh" content="60">

2.script 链接放在body底部（在解析html时，遇到script标签，会暂停解析html，调用js引擎来解析js），避免造成用户体验差

3.link标签：通过预处理来提升渲染速度

　　dns-prefetch：

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

　　DNS Prefetch 应该尽量的放在网页的前面，推荐放在 <meta charset="UTF-8"> 后面

　　多页面重复DNS预解析会增加重复DNS查询次数

　　例子：　　

　　<link rel="dns-prefetch" href="//www.zhix.net">

　　<link rel="dns-prefetch" href="//api.share.zhix.net">

　　<link rel="dns-prefetch" href="//bdimg.share.zhix.net">
4. link标签

　　Preload: 当我们在 link 标签中使用 preload 时，它会提前请求资源。主要用于获取当前路由中使用的高优先级资源。

　　Preconnect: 解决 DNS 和 TCP 握手问题

　　DNS-Preconnect: 仅解决 DNS 问题

　　Prefetch: 提前获取资源将其置于缓存中，使用资源时从缓存中获取而不是发出另一个请求。

　　　详细说明：　https://juejin.im/post/5b5984b851882561da216311

5.  meta 设置关键字

　　说明：Description用来告诉搜索引擎你的网站主要内容。

　　举例：＜META NAME=Description CONTENT=主要介绍程序设计语言JAVA、C等＞

更多说明：https://www.cnblogs.com/wupeng88/p/4635206.html