html 预加载-HTML5预加载使页面渲染速度更快

预加载是一种浏览器机制,利用浏览器的空闲时间来预下载/加载用户接下来可能浏览的页面/资源。 当用户访问预加载的链接时,如果从缓存中命中该链接,则该页面将被保存。 快速渲染 浏览器厂商和开发者共同努力的方向之一就是让网站变得更快。 著名的加速方案有很多:CSS精灵(CSS sprites、拼图)和图像优化、分布式配置文件(.htaccess)、JS/文本文件压缩、CDN加速等。

我在另一篇博文中介绍了如何使您的网站更快。

FireFox引入了一种新的网站加速策略:链接预加载。 什么是链接预加载? MDN是这样描述的:

html 预加载_加载中

预加载是一种浏览器机制,它利用浏览器空闲时间来预下载/加载用户接下来可能浏览的页面/资源。 该页面向浏览器提供了需要预加载的集合。 浏览器加载完当前页面后,会在后台下载需要预加载的页面,并将其添加到缓存中。 当用户访问预加载的链接时,如果从缓存中命中,则可以快速呈现页面。

简要概述:网站根据用户进行分析html 预加载,浏览器在后台下载指定的页面/文档/图片,超级容易实现:

html 预加载_加载中

HTML5 预加载标签

html 预加载_加载中

复制代码

html 预加载_加载中

代码如下所示:

从前面的HTML代码可以看出html 预加载,预加载使用标签并指定属性,而href属性就是需要预加载的文件路径。 Mozilla 也实现了一些类似的 link rel 属性:

复制代码

代码如下所示: