Xiao Peng

My personal blog moves to xiaopeng.me , blogs about design patterns will be synced to here.
肖鹏,ThoughtWorks资深咨询师,目前关注于架构模式、敏捷软件开发等领域,并致力于软件开发最佳实践的推广和应用。
多次为国内大型企业敏捷组织转型提供咨询和培训服务,在大型团队持续集成方面具有丰富的经验。
  博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

选择恰当皮肤,加快博客加载速度

Posted on 2007-09-11 18:08  勇敢的鸵鸟  阅读(283)  评论(0编辑  收藏  举报

早上发现博客加载速度特别慢(已经慢了一段时间了其实),决定找找原因。

首先,我分析了加载的顺序(因为对网络编程方面知识了解太少只能做试验,没有理论分析:))。进入首页( http://designpatterns.cnblogs.com ),最先加载的是随笔列表,然后是侧边栏。侧边栏的速度慢的要命。我试验了dudu,和idior的博客,均比我的要快。

首先找到的是流量统计脚本(我用的是cnzz的统计),去掉流量统计之后速度确实有了较大的提升。网上google了一下,cnzz的速度实在是难以恭维。不过还是找到了解决的办法。

在公告中加入:

<span id="tongji">正在统计博客访问信息...</span>

然后在页脚加入:

<span id="span_tongji">此处为统计脚本</span>
<script type="text/javascript">
tongji.innerHTML=span_tongji.innerHTML;
span_tongji.innerHTML="";</script>

速度并没有提高多少,似乎仍然是等待统计脚本返回后才完成加载侧边栏。

这时我决定换换皮肤,结果大大出乎我的意料。

声明下面的结果是在特定的网络环境和博客设置下进行的而且加载速度还可能收到博客园页面生成机制的影响,所以不一定具有普遍意义,仅供参考。

*加载时间-第一个数字是加载随笔列表时间,第二个数字为全部加载完毕。

皮肤名称 加载时间 说明 推荐
cogitation 15+19,25+2 我最初使用的皮肤 ★★★☆
LuxInteriorLight 16+10 图片过宽时结构乱掉 ★★☆☆
clearscreen_ihesh 12+7   ★★★★
clearGertrude 9+6 dudu使用的皮肤,页面图片过宽时有变形 ★★★★
blue 10+5,7+13 字体太大不协调 ★★★
kubrick 10+12 图片过宽时结构乱掉 ★★☆☆
KJC 5+6,5+5,10+10 带有图片还能这么快,不可思议,不足之处是采用上面的方法时仍然等待统计脚本返回。 ★★★★☆