Monthly Archives: February 2009
用jQuery控制网页内容的加载顺序
早前,在 5key 的博客上看到了一篇关于页面头部最后加载的文章,觉得这是一个非常有意义的做法,突然想起来 Shawn 的网站的头部也是最后加载的,但是他似乎不是用的绝对定位的方法。 让页面头部最后加载,说到底就是控制网页内容的加载顺序,好处 5key 已经在他的博文里提过了,但是我觉得好处不单单是他提到的那些,我再归纳一下吧。因为考虑到你的网页可能会调用很多外部的 js 文件,主要来自与各大服务商的各大服务调用,比如 Feedsky 的订阅数图标,比如一款叫做鲜果推荐按钮的 WP 插件(以前我的 blog 经常因为鲜果网站当机而导致加载卡在一个地方好久下不来),又比如现在很流行的 Twitter 的 Api 输出状态信息以及 google friend connect 的挂件等等等诸如此类的服务,因为都是外部调用的,谁也无法保证服务商随时当机的可能性。而同时我们又知道网页默认的加载顺序都是从上至下加载的。所以这时候通过 css 绝对定位那些外部调用的服务就显得很有用处,把那些调用写到网页的底部去,这样网页加载的时候就不会卡住了,然后通过 css 的 position:absolute 绝对定位到网页的显示位置去,此法不错,这时候 Evance 同学说话了,他认为 css 的绝对定位不应该被用作排版而该用来结构内容,我的观点是绝对定位虽然定位很精确,但是如果你需要定位的那些东西都是很零散地分布在网页各处的话,我想这有得你忙的了。 当然改变网页内容的加载顺序的好处还没有说完,他同时也可以 SEO 你的页面,可能有些同学已经抱着这个目的在各自的网站实施了,对那些还没明白过来的同学们我这里就说说吧。

