准确的电话号码和 WhatsApp 号码提供商。 如果您想要电子邮件营销活动列表或短信营销活动,那么您可以联系我们的团队。 电报: @latestdbs

请参阅 Ilya Grigorik 的文章使用预连接消除往返

有关详细信息,请参阅 Ilya Grigorik 的文章“使用预连接消除往返”
图 10 比较了使用和不使用预连接的 DNS/TCP/TLS 加载时间。在图的顶部,不使用预连接的启动时间为 2.6 秒。下面 – 使用预连接,启动时间为 2.1 秒。

米加载时间比较有无预连接

Preconnect 作为 HTML 属性直接添加到链接标记中。并且在 Link HTTP header 中,更多由用户使用 JavaScript。下面是 CDN URL 可能使用预连接的示例。

图 11 显示了使用预连接和 Google 字体的示例。为 添加预连接提示从字体请求和 CSS 请求并行开始。这使您可以立即发送字体请求。

在此特定场景中,预连接从关键路径中删除了三个往返行程,并将等待时间减少了半秒以上。

有关详细信息,请参阅 Ilya Grigorik 的文章“使用预连接消除往返”
米。11.使用预连接与谷歌字体的例子

有效和周到地使用预连接不仅可以 黎巴嫩手机号码清单 帮助您优化网站,还可以防止资源利用不足。除了 Internet Explorer、Safari、iOS Safari 和 Opera Mini(截至 2017 年 1 月 9 日)之外,一些现代浏览器支持 Preconnect。

图 12 显示了最常见浏览器的最新版本

电话号码列表

表明支持预连接指令(截至 2017 年 1 月 9 日)。查看此页面了解最新状态

米。12. 最常用浏览器的最新版 cz 列表 本表明支持 preconnect 指令。绿色表示支持,红色表示不支持,灰色表示可能(截至2017年1月9日)

结果
也许现在对什么是预加载、预取和预连接有了更好的理解。以及使用它们加速内容交付的策略。如果 preload 指令的使用在接下来的几个月内增加,并且 Web 开发人员将采用它,那就太好了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注