面试回来的功课——分析招聘公司的网站

 　　前几天去面试的时候，初试完回来，面试官让我对他们的网站进行一个分析，发出来晒晒。 

 

---

 

　　经过我对贵公司网站的一些分析，发现一系列问题，我将在分析报告中分为设计布局、代码规范、浏览速度三个层面来说明问题。

需要说明的是，这个分析结果是根据我自己的经验进行分析，限于个人经验的局限性，可能会有失偏颇，如果有不对的地方，还请海涵及指正。

 

网站速度

       通过对首页的速度分析，以下是详细原因及对应的解决方案：

　　1、  首页将所有的内容都装载在一个table中，这样对显示速度有很大的影响，因为浏览器的解析规范是要把一个标签里所有的内容下载完成才显示。

　　对应的解决方案：将网站改为DIV + CSS布局或者把内容分在几个table中，可以加快显示速度

 

　　2、  对于大量的css代码，应该将之独立为一个或多个css文件，这样可以提高访问速度，因为单独的css文件只需要加载一次，而且有利于样式的管理及布局

对应的解决方案：将CSS代码整合到单独的CSS文件中

 

　　3、  首页代码过于臃肿，主要分为图片及代码两个方面，在首页中至少有发现四张图片优化不合理。

　　对应的解决方案：对于色彩信息丰富的图片，应该优化为jpeg格式，并且质量控制在70-80之间，而不是保存为gif格式，因为gif格式只能存储256种颜色。例如首页中一张67*88大小的jpeg的图片，大小为19K，但合理优化后只有4k左右。

此外，尽量采用色块构图而非图片，也是网页减肥一个行之有效的方法。

 

 

　　总结：贵公司网站速度不太理想，根据测试，首页总大小为700k，实际浏览器要下载的大小则要超过这个大小，估计约为1000k。以此为根据进行推算，如果一个用户在浏览贵公司网站采用全速下载，不同的网速下载速度分别为：56k的网速需要222秒；512k的网速需要24秒秒；2M的网事需要6.5秒。

　　根据权威调查报告显示，一般用户在访问网页时，如果等待10秒网页还没有响应则会离开。另一方面，如果一个首页多出500k的计算，每万人同时在线需要的带宽为10000 * 500K / 1024 = 488M，也就是说，访问量每增加1万人，就需要多增加约500M的独享带宽，根据北京市主机托管市场的费用，每万人访问量仅带宽成本每年需要增加80万元左右。

　　以上推算仅按照理论值进行推算，而实质情况可能还要更糟，因为用户一般都要同时打开多个网页，而不是全速下载某个网页。根据中国现在的南北互联不互通的情况，南方的用户(电信)访问北方的网站，速度也会慢很多。

 

 

设计布局

　　1、  网页没有自己的风格，并且进入不同的子栏目会有不同的风格，让人感觉这不是在一个网站中。对于一个门户网站来说，应该要有自己的风格，如google的简洁，microsoft的渐变蓝，ibm的深蓝，albaba的橙色等

　　2、  网站首页从上到下都是三分栏布局，结构死板生硬，给人的感觉就是人个网站的布局加门户的内容，还有如简单的菜单、顶栏的广告等问题

　　3、  注册界面不友好，可以参加www.taobao.com、www.126.com的注册界面

　　4、  注册完成后的提示信息不友好，一般大型网站很少采用alert的方式进行提示

　　5、  文章页的信息太少，一般文章页会有为数从多的广告，或者是同类文章、推荐文章等相关信息

 

　　总结：在设计布局上，直销中国没有自己突出的风格，无论是在颜色方面还是在布局方面。此外，网站的交互性、友好性等方面也有所欠缺。

 

 

代码规范

　　1、  网站代码不规范，按照w3c标准，一个合法的html文档，应该以html标签开头以结束，CSS代码不应该在html标签之前

　　2、  网页中有重复的meta标签，字符集的标签竟然有三次重复

　　3、  目前大型网站的文章页一般采用静态页(shtml/html)，很少采用x.asp?id=123这种形式的，因为这样不便于搜索引擎发现

　　4、  并且如果修改地址栏提示信息非常不友好，给人一种非常不专业的感觉

　　5、  一般来说，网页的层次不能超过5级，最好在3级，而网页有../../../../../../../../../renwu/renwu.asp这样的链接，层次有9级之多

 

　　总结：因为无法看到网站的源代码，只能通过前台已经生成的代码来估测网站的后台代码，所以分析将不会很全面。但是，管中窥豹，略见一斑，通过对网站的分析可以推测：

　　１、贵公司网站在开发的时候并没有一个完整的开发规划，如果我推测得没错的话，相信在开发的时候，并没有完整的开发文档以及技术可行性分析报告等必要的技术文档。

　　２、贵公司网站并非按照一个门户网站来开发的，至少在开发人员那里是这样

　　３、贵公司网站的开发人员之间没有一个开发标准，各开发人员根据项目经理的口头命令进行开发

　　４、贵公司网站的开发人员并没有按照模块开发的方式进行开发，随着网站内容的增多，贵公司网站也将变得越来越难以维护

　　

注意：本文为我的独立博客镜像博客，自发表不再更新，原文可能随时被更新，敬请访问原文。同时，请大家不要在此评论，如果有什么看法，请点击这里：http://iove.net/1705/

本文来自http://iove.net，欢迎转载，转载敬请保留相关链接，否则视为侵权，原文链接：http://iove.net/1705/