html – 使用标记进行图像预取

html – 使用标记进行图像预取,第1张

概述我见过使用标签加载图片的网站,例如; <link href='images.jpg' rel='somthing' type='something'> 在设计网站时这有什么相关性? 网站的哪些方面有助于优化(我认为它用于优化.如果我错了就对我说).谁可以给我解释一下这个? 有些人使用它来进行图像/ css /页面预取.你可以 read about it here. 基本上,一旦页面完成加载,浏览器 我见过使用标签加载图片的网站,例如;
<link href='images.jpg' rel='somthing' type='something'>

在设计网站时这有什么相关性?
网站的哪些方面有助于优化(我认为它用于优化.如果我错了就对我说).谁可以给我解释一下这个?

解决方法 有些人使用它来进行图像/ CSS /页面预取.你可以 read about it here.

基本上,一旦页面完成加载,浏览器将看到这些链接标记,如果rel属性是“next”或“prefetch”,则浏览器将开始下载href属性指向的任何内容并将其存储在缓存中,以便它将如果用户点击它,加载速度非常快.

此方法可用于预取任何内容,包括图像,样式表,不同的网页等.只要在< link>中使用的url即可.匹配用于正常加载资源的url,它将从缓存中加载该资源.

例如,如果您的网页有此链接< a href =“page2.HTML”> Page 2< / a>并且您想要预取它,您可以将其添加到您的页面< link rel =“next”href =“page2.HTML”>.

最后,这种预取方法优于JavaScript方法,因为这种类型的预取是符合标准的,由浏览器处理,并且如果用户具有计量带宽或其他连接限制,则可以被用户禁用.

总结

以上是内存溢出为你收集整理的html – 使用标记进行图像预取全部内容,希望文章能够帮你解决html – 使用标记进行图像预取所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1140977.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存