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

组件的延时加载

请仔细检查自己的站点，问问自己：哪些是渲染这个页面必需的。剩下的内容都可以等到后来加载。

JavaScript可以非常理想地根据需要切分成onload事件之前部分和之后部分。例如：你有JavaScript代码和库来实现拖拽和动画功能，这些都能后加载，因为拖拽是在页面初始化渲染之后。其他如隐藏的内容（用户动作触发才显示）和展开折叠才显示的图片等。

有些工具能帮助你实现这些效果：YUI Image Loader让你能延时加载折叠下面的图片，YUI Get能在运行时加载JS和CSS文件。请使用Firebug的网络面板查看Yahoo！首页的加载过程，这是一个非常好的例子。