preconnect 是什么
时间: 2023-11-29 15:06:56 浏览: 17
preconnect 是一种浏览器预连接技术,它可以在浏览器尚未发出请求时,提前建立与服务器之间的连接。这样做可以减少服务器响应时间,加速页面加载速度。preconnect 可以预连接的对象包括 DNS 解析、TCP 握手和 TLS 握手等。一般使用 `<link rel="preconnect">` 标签进行指定。
相关问题
<link rel="preconnect"> 中的preconnect是什么
`<link rel="preconnect">` 中的 preconnect 是一个 HTML 标签属性,用于指示浏览器预连接资源的 URL。它告诉浏览器在页面加载过程中提前建立与指定 URL 的服务器之间的连接,以便在后续请求资源时能够更快地建立连接并获取响应。这个标签可以用于预连接任何类型的资源,包括 CSS、JavaScript、字体、图片、视频和音频等。在实际应用中,使用 preconnect 可以有效地减少请求延迟和网络传输时间,提高网页的性能和效率。
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>这个又是什么
这是一个在 HTML 页面中的链接,用于预连接到 Google Fonts 的服务器。它的作用是在浏览器加载页面之前,提前建立与 Google Fonts 服务器的连接,以便在页面加载时更快地获取字体资源。
在 HTML5 中,<link rel="preconnect"> 元素是一个新的链接类型,用于指示浏览器预连接到指定的资源。在本例中,href 属性指定了 Google Fonts 服务器的地址,crossorigin 属性指定了跨域请求的安全策略,表示可以跨域访问资源。当浏览器遇到这个链接时,它会提前建立与 Google Fonts 服务器的连接,并进行 TLS 协议的握手,以便在后续加载页面时更快地获取字体资源。这样可以减少页面加载时的延迟,提高页面的渲染速度。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)