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

前端之家收集整理的这篇文章主要介绍了html – 使用标记进行图像预取前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我见过使用标签加载图片的网站,例如;
<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相关文章