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

猜你喜欢

转载自www.cnblogs.com/j190512/p/13166417.html