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

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

也试过学着博客天下默认方式那样,每篇文章显示前约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%的代码引发的,远不是二八法则所能表达的。

类别: Gossip. 阅读(68). 订阅评论. TrackBack.

Leave a Reply

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

avatar
bobo
Guest
bobo

你不觉得如果把研究这些耗费精力的技术的精力用在别的方面更有收获?

bobo
Guest
bobo

恭喜你又在技术的深渊里更深了一步。。