昨天中午1：00整，新站终于发布了，邀请了两位同事帮忙测试，本以为应该不会存在什么问题，毕竟CSS+DIV改版已经不是第一次了，以往都很顺利，这回却漏了不少文件，比如HTML背景图片了，切换图片的Flash等等。此外，同事还帮忙发现了许多固有的问题，比如断链，内容错误等。内容太久没有更新了，自从2004年以来，错漏是难免的。当然主要的问题还是得自己出马：
○ 细线表格的CSS属性漏了tr，td背景色定义出现的表现消失；
○ 所有页面的more字样全部更换为图标－－大活，得慢慢来；
○ W3C XHTML验证logo有了新的蓝色版，想换成新的，略大一些，呵呵；
○ 首页Flash遮盖菜单问题虽解决，但是点选链接时，覆盖区域会双选（相当于FW中选取所有层的感觉），必须先单击确认菜单，然后才能点击链接－－期待解决中；
○ 有些页面中的LI样式未表现出来，后来才发现原来是改版中将一个id改成了class，呵呵:P；
○ 某漂浮的top图标，某些过大的图片，课件等，在首次载入时都会出现显示问题，不了解的同事频频报错，焦头烂额了，呵呵；
○ 补充：又发现了新问题：新站和旧版（n年前的静态版）中交叉链接的问题，涉及到几个以前的子站和一些页面，页面还好了，子站中n多纵横导航，改起来太麻烦。其实如此陈旧的内容绝对可以不要了，这就是为什么要搞内容建设的原因之一。
其实对于站点在发布前已经进行过优化，许多图片以80%品质另存，大图也进行了缩小处理，可是发现个问题，可能用色问题（站点主色是#0c419a）即使最小的gif图也有12.8k，这个实在郁闷；此外，本来准备对代码进行压缩，呆呆同志帮忙找到了不少相关压缩软件，有于 CSSTidy (如 Clean CSS)， CSS Compressor 等，据测试统计的结果，最多100K的CSS（JS）文件可压缩到原大小的40%，实在可观呀。不过我整理完毕CSS代码后，发现最大的也不过11K，还不足一张图片，貌似小题大做了。不过运用CSS书写的十八大技巧本身也是对代码的优化吧～
另外对于众人讨论的诸多采用CSS+DIV的优点我也绝对赞同，此外，呆呆同志的问题引发了思考－－通过XHTML验证的意义何在？其实通过验证说明做到了内容结构化，这才是真正的关键－－内容结构化使得内容与形式完全分离，通过页面代码书写顺序可以控制页面区域的载入顺序和速度，结果也就是人们常说的可以SEO（搜索引擎优化）。测试中，我将习惯性放入head的JS代码全部放到结尾的body之外，将搜索配套的一大段display＝none的代码也放到了后面，结果文字信息明显载入加快许多，极大增强了用户体验。不过内容至上原则下，这样做的确起到了优化作用。当然meta content中的keyword本身就是对搜索引擎的大大优化。
发布了，终于发布了，但接下来的工作还是很多－－生命不止，工作不息呀～本学期也就是继续优化，有机会再搞个用户测试吧，下学期就要计划DIV+CSS重构之外的内容重构了，也就是两年前开始着手却耽误了一年多的IA（Information Archetecture）研究，有人称之为信息架构，专业叫作信息构建。
Comments