Category Archives: Skill | 技术

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