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

发布时间：2020-12-14 18:48:29 所属栏目：资源来源：网络整理

导读：我见过使用标签加载图片的网站,例如; link href='images.jpg' rel='somthing' type='something' 在设计网站时这有什么相关性？网站的哪些方面有助于优化(我认为它用于优化.如果我错了就对我说).谁可以给我解释一下这个？解决方法有些人使用它来进行图像/

我见过使用标签加载图片的网站,例如;

<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方法,因为这种类型的预取是符合标准的,由浏览器处理,并且如果用户具有计量带宽或其他连接限制,则可以被用户禁用.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!