CSDN Bolg待推荐文章打开是空白页及网页优化

来源:互联网 发布:mac的igooffice好用嘛 编辑:程序博客网 时间:2024/05/22 05:33

问题

CSDN Bolg“待推荐文章”打开是空白页,在“支持专区”发了贴子也无人问津。靠人不如靠自己,还是研究一下。

解决

将promotequeue.html下载到本地,用IE打开,还是空白。CSS没有下载,可以判定和样式表无关。解决之道,排着删除,N次实验之后,发现是个“冒号”的问题。

原代码的head下的title为:

<title>CSDN Blog:待推荐区</title>

去掉“冒号”后一切正常。具体原因,俺也不明白,请高手指点。

后记

6月6日:又看了一下,不是冒号的问题,是页面编码的问题。我的IE不能自动切换到UTF-8。不知为何。

网页优化

顺便提醒一下Blog的开发人员,这个页面好大哦,550K。提供几点建议仅供参考:

1、写程序用可读的变量名是个好习惯,但要分场合,尤其是会产生大量页面数据时。

举个例子,待推荐文章页面包含1500多条数据,每条数据多一个字符就大1.5K。列表是用Repeater做的,asp.net会将里面的每个控件加上父控件的前缀,例如“RecentPostsRepeater_RecentPostsRepeater_ctl509_HyperLink2”,如果将Repeater和超级链接控件ID缩短到1个字符,变成这样“R_R_ctl509_H2”。

修改后,文件大小为484K,减少66K。

2、减少重复数据。

随便找一条数据,内容为:

        <dl class="BlogPost">            <dt class="Title">                <a id="R_R_ctl372_H2" Title="落日熔金,暮云合璧,人在何处?染柳烟浓,吹梅笛怨,春意知几许?元宵佳节,融和天气,次第岂无风雨?来相召,香车宝马,谢他酒朋诗侣。中州盛日,闺门多暇,记得偏重三五。铺翠冠儿、捻金雪柳,簇带争济楚。如今憔悴,风鬟霜鬓,怕见夜间出去。不如向,帘儿底下,听人笑语。" href="http://blog.csdn.net/wfwd/archive/2006/06/04/772220.aspx">李清照《永遇乐·落日熔金》</a>            </dt>            <dd class="PostInfo">                [<a id="R_R_ctl372_H4" class="clsSubText" Title="推荐本文" href="http://writeblog.csdn.net/PromotePost.aspx?Id=772220" target="_blank">推荐本文</a>]                <a id="R_R_ctl372_H3" class="clsSubText" href="http://blog.csdn.net/wfwd/">小飞</a>                @                6/4/2006 1:41:00 AM            </dd>            <dd class="Content">                落日熔金,暮云合璧,人在何处?染柳烟浓,吹梅笛怨,春意知几许?元宵佳节,融和天气,次第岂无风雨?来相召,香车宝马,谢他酒朋诗侣。中州盛日,闺门多暇,记得偏重三五。铺翠冠儿、捻金雪柳,簇带争济楚。如今憔悴,风鬟霜鬓,怕见夜间出去。不如向,帘儿底下,听人笑语。            </dd>        </dl>

很明显吧,内容重复出现。在a上加title有必要吗?没有必要吗?有必要吗?...我认为没有必要。

去掉Title属性,文件大小为441 KB,减少43K。

3、class很好用,但没有什么作用。

所有的数据项都包含在<div id="BlogListWrapper">中,完全可用它来进行筛选样式。例如:

.BlogPost {...} 改为 #BlogListWrapper.dl{...}

.BlogPost dt.Title {...} 改为 #BlogListWrapper.dt {...}

.BlogPost dd.PostInfo和.BlogPost dd.Content比较难办,建议PostInfo不做为dd,而是放在dt中。这样还节约页面长度。

去掉class属性文件大小为390KB,减少51K。

4、去掉所有空白字符,包括空格、Tab。

文件大小为287KB,减少120KB。

5、URL地址也不放过。

[<a id="R_R_ctl417_H4"href="http://writeblog.csdn.net/PromotePost.aspx?Id=772143"target="_blank">推荐本文</a>]
改成脚本heft="javascript:p(772143)"
<aid="R_R_ctl417_H3" href="http://blog.csdn.net/cyberherdsman/">cyberherdsman</a>
改成href="/cyberherdsman"

修改后,文件大小为245KB,减少42KB。

6、从550K到245K,减了305K。再没招了,分页吧。