终于解决了自己的博客页面显示像蜗牛的问题

今天晚上，忙了好一阵把中国博客网一多篇文章挪到博客天中去，因为几乎半年以来，我现在这个博客网打开页面都无比的慢，相信任何人都无法忍受，一直都是以为中国博客网就是很慢的，也没太在意为什么别人在中国博客网上的博客也很快的。

也试过学着博客天下默认方式那样，每篇文章显示前约500字，再看看首页，并没明显示改善，况且进入完整内容页总还是如此之慢的，补充这里可能慢的概念，可能20分钟后还看不到内容。

往博客天下移了好几篇文章后，忽又想改改博客天下里的模板，也加上<script type="text/javascript" language="Javascript" src="http://data.booso.com/referrer.GBK">，可获知看客从哪链接而，完之后，再一打博客天下的首页 http://unmi.blog.com.cn, 发觉此时也并不像先前那么快了，顿时我就意识到问题就出在这儿了。原来我这里的博客之所以慢，完全是由于网页一直在等待 <script type="text/javascript" language="Javascript" src="http://data.booso.com/referrer.GBK">　这段脚本的执行结束，于是修改这里的模板，把这段代码提出下面的大表格，放在最后面，只在原处留个 DIV 标记，待到这段脚本执行完后，再把它的输出（也就是所有看客来源）拷贝到上面那个标记处（还是原来显示之处）。

处理方式与原来的访问统计一样的，只是原来知道访问统计会影响到页面的加载显示，没留心显示"从哪儿来"才是罪魁祸首。具体做法：

1. 在原来做个标记：<div align="center" id="SourceArea">数据读取中……</div>

2. 内容表格外加载，然后拷贝输出到标记处：

<div style="display:none;visibility:hidden">
    <div align="left" id="SourceAreaTemp">
        <script type="text/javascript" language="Javascript" src="http://data.booso.com/referrer.GBK"></script>
    </div>
</div>
<script>
        varsourceArea = document.getElementById("SourceArea");
        varsourceAreaTemp = document.getElementById("SourceAreaTemp");
        if(sourceArea)
        {
                sourceArea.style.textAlign = "left";
                sourceArea.innerHTML = sourceAreaTemp.innerHTML;
        }
</script>

保存模板后，刷新一下首页面，迅速，兴奋，激动不已，老大难题算是到此为止，于是赶紧把所有的日志都刷新一下应用新的模板。以后肯定会更多的朋友能够亲眼目睹我的博客，而不是无可奈何之后拂袖而去。也不再想要把这儿的日志往博客天下挪了，好生专心的把这儿经营好，博客天下上传些文件还是不错的。

说明：我现在选用了这个模板页面是分两大块加载显示，上部份页头，原来出奇慢时只能见首，然后是体。每部份都是一个大表格，因为页面的显示方式是，只有等表格的所以内容加载完成才显示全部内容，否则什么也看不到。所以把慢的拉到表格外来，放在页尾就不会耽误到整个页的显示，其余就做 JavaScript 操作了。

现在也不会埋怨中国博客网太慢，那段脚本本来就是自己给自己下的套，只是那些迷糊了。也算是体验到了，软件的80%的性能瓶颈是由2%的代码引发的，远不是二八法则所能表达的。