今天访问isaacmao.com,发现他的链接做的非常有特色。
在探究的过程中,顺便解析了一下他的页面(未经isaac本人授权,此处的解析仅供学习之用)
访问isaac的页面,一个明显的感觉是初次访问时响应慢,要等几秒甚至十几秒才能看到顶端及左边的菜单的显示,然后才是主要的内容或者blog的内容。
就响应速度而言,除了服务器的性能、访问量、及出口带宽等因素外,主要可能是因为页面开始的代码中要访问haloscan站点来初始化“留言”和“trackback”功能,同时还要下载timediff和quicksub两个脚本文件,其中后者要运行其中部分代码。
由于其页面没有作显示方面的优化,内容显示顺序是顶部->下左部->下右部。整个页面的布局如图:
从总体布局上来看,没有什么特别之处。关键在于他的css设置,这决定了页面的内容如何显示,进而决定了整个站点的风格。从其源码分析来看,页面中还是出现了少量的非css的因素,如topbar的显示,还是通过table来进行定位和处理的。
isaacmao.com 被hilton 扒皮了
一直真的想去掉Haloscan 的留言,却没想到又增加了同样耗费资源的Trackback,所以速度很慢。有些代码,都是补补丁丁上去的,所以缺少系统规划。看到这次解剖,自己先研究一下。:)
Posted by: isaac at June 7, 2004 04:58 PM