解读Yahoo!网站性能优化组定义的34条准则 - 组件的预加载

组件的预加载

预加载（preload）看上去和后加载（post-load）相反，但是实际上它们的目的完全不同。预加载组件是浏览器空闲时请求组件（例如：图片，样式和脚本），这些资源你可能在未来会用到。用这种方法，当你访问下一个页面时会发现需要的大部分资源已经在浏览器的cache里面了，页面的加载速度就会很快。

事实上有如下几种预加载方式：

无条件预加载：一旦onload事件触发，你就开始继续加载一些额外的组件了。看看google.com时如何在onload事件里加载一个sprite图片的。这个sprite图片在google.com首页中没有用到，但是在后面的搜索结果页会用到。

条件预加载：基于用户动作，作出推测，预测用户下一个要去的页面，然后进行相应的预加载。在search.yahoo.com你能看到当你开始在输入框中输入时的一些预加载额外资源的请求。

预测预加载：通常在改版前进行的预加载。常常听人说：新站点很cool，但是比以前慢了。部分原因可能是用户访问你老站点时带着cache，而访问你的新站点时cache是空的。你可以在改版上线前用该方法减少这种负面的影响：老站点页面在浏览器空闲时加载一些在新站点会用到的资源文件。