看不见的的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等>