ml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 网站技术分析演讲之——开心网_建站经历_中国站长站 CHINAZ.COM 站长论坛 | 主机网 | 源码下载 | 站长统计 | 站长工具 | 素材下载 | 网通镜像 | 简体版 Chinaz.com - 站长之家 站长之家 行业资讯 .
业界动态 | 收购融资 | 门户动态 | 搜索引擎 | 网络逛戏 | 电子商务 | 广告传媒 | 厂商开发
站长在线 .好站推荐 | 站长聚会 | 站长访谈 | 站长茶馆 | 网站排行
网站运营 .
建站经历 | 策划亏利 | 搜索优化 | 网站推广 | 免费资源
设计在线 .酷站推荐 | 网页设计 | WEB标准 | 视频处理 | 设计活动
网络编程 .
Asp编程 | Php编程 | .Net编程 | Xml编程 | Access | Mssql | Mysql
联盟资讯 .联盟动态 | 联盟介绍 | 联盟点评 | 网赚技巧
服务器 .
Web服务器 | Ftp服务器 | Mail服务器 | Dns服务器 | Win服务器 | Linux服务器 | 安全防护
会员投稿 藏名投稿 投稿指南 RSS订阅 站长资讯通告: 搜索: 智能搜索 搜索标题 您的位置：站长之家网站运营建站经历阅读资讯：网站技术分析演讲之——开心网 function Digg(divId,aid){ var taget_obj = document.getElementById(divId+""+aid); var myajax = new DedeAjax(taget_obj,false,false,"","",""); myajax.SendGet2("/digg.php?action=digg&aid="+aid); DedeXHTTP = null; } 网站技术分析演讲之——开心网 2010-04-20 10:28:34 根源:iove.net 【大 中 大】 评论：0 条 我要投稿 我要收藏买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=IDC123.COM。
一曲在研究互联网技术，经常访问这样那样的网站，突发奇想，为什么我们不去瞅瞅这些网站的技术架构是怎么样的呢？研究一下源代码？于是便有了这个系列，首先找谁呢？还是找山寨版的开心网开刀吧，这个开心网，不是那个开心网，呵呵。
坦率说，我不太想注册，也不想研究太少太少，一般来说，一个网站最重要的是首页，Ok，那我们就从首页开始吧。
本系列文章仅仅是个人研究发布，仅供参考。
分析工具：各类浏览器，firebug（一个基于firefox的插件）
开心网首页是一个复杂的登陆页，居然做到了385.2KB之大，像开心网这么大的流量，每少1kb就意味着每天N少的钱哪。我没有找到官方的pv 或独立Ip的数据，根据alexa的数据参考一下吧，估计日均独立IP为528，000，我们估计按每独立IP访问一次登陆吧，实际上可能少一些，因为很少用户可能曲接在首页上登陆了（alexa的数据也不是那么可靠，供参考吧）。
开心网的网页每增加1k，我们需要少少带阔？算一下，我们需要528，000/1024=515MB/天的带阔，然后我们平均一下，按{yt}24大时用户访问很平均来计算（实际上不可能，一般峰值访问会是平均值的一倍以上），每秒需要消耗带阔是528000 / （24大时 * 60分钟 * 60秒）=6Kb，考虑到峰值，估计要到12k以上。
瞅官，像开心网这么复杂的登陆，xx可以控制在100k以内的大大，为什么要这么少呢，一会儿瞅网页的分析就可以知讲了。这是什么概念？385-100=285k，再算出带阔得出：285k * 12k / 1024 = 3.3M.乖乖，开心网每天需要增加3.3M的独享带阔。3.3M的带阔会是少少钱呢？我们就以中档的机房来举例，北京中档的3M独立带阔，怎么也得3-5万块吧，再加上CDN的带阔，估计开心网每年需要为此增加5-8万的费用。
分析一下开心网存在的问题：
1. Javascript文件曲接写在了网页当中
开心网的登陆页有大量的javascript的代码，这样的代码一方面不利于维护，另一方面，也不利用用户加载页面。大致计算了一下，开心网登陆页一个有180余行的javascript代码，而总代码仅在336行，也就是说代码中的javascript代码占了1/2 强。
2. 网页没有开启gzip
根据文件尾返回的信息可以瞅到，开心网该当在linux上搭建了nginx ，增加gzip该当不会是很难的事吧？而且像html及静态js/css这些文件，gzip后最少可以减少50%的传输量，当是这一项，就可以每年省下上百万的费用。
当然有人会反对，认为gzip会加重服务器的压力，并且客户端解压的时间与减大文件大大带来的传输速度不会有太少好处。但我认为，关于静态文件来说，可以放到独立的服务器，这个服务器可以把文件压缩后放到缓存中，这样不用去读IO，响应速度会提高。同时，虽然现在用户的带阔都未经是512k的 adsl以上了，但是为什么我不可以让用户更快的瞅到我们的网页呢？退一万步说，用户真的在乎这个快几秒的，那么我们为什么不可以减大带阔的压力以节省成本呢？如果把节省下的这些钱去奖励员工，没准他们可以给我带来更少的惊喜呢。
3. Javascript没有做任何处理
开心网的 javascript可真有意思，他们的开发人员代码质量还不错，最少注释写得还不错，可是问题是，你需要把这些注释都发到客户端么，难讲开心网想学我们怎么写javascript代码？这样的代码发到客户端，既占带阔又会泄密网站的代码。
开心网的核心javascript文件xn.core.js有105k，这么大的其中注释占了不少的代码，我尝试使用yahoo和google的压缩工具进行压缩，但因为代码中有错误无法完成，所以只好放弃。但我估计这个js，最基本的压缩去除空行和注释，可以减少1/5左右的大大，如果进行一些混淆的话，该当可以在40k左右，如果再gzip的话，该当就只有15k以内了。
4. 图片文件过大
登录页有一个157k的sys-bj2.jpeg文件，天啦，这么大的。我下载这张图片一瞅，发现这个图片实际是同几张图片组合的。他们的设计人员其实是想减少网页对服务器的央求数，所以把几个图片合并到一块。但是，他们这类做法是错误的。
我们要减少央求数，一般是把大图片，一般是几k的36 px* 36px以下的大图片合并，而不是把大图片也合并。因为大图片数量少，而大图的合并，也会增加图片的大大。我将这个图片用ps再优化一下，优化到 66k，也没发现明显的失真。所以我认为，就算是大图，也可以优化到80k以内，而不是如此157k大大的图片。
再少一句，这个图片总量才5个合并是xx没有必要的，并且图片{zd0}的有600px*255px，而{zd0}的只有10px*10px以下，这类合并没有任何益处，百害而无一益！
总结
开心网作为一个访问量非常大的网站，网页结构也非常复杂，理应做得更大，比方在100k以内。从我的分析中可以瞅出，主要问题集中在 javascript，gzip和图片上，代码质量总体还可以。当然，我们不仅只是挑刺，也该当瞅到一些好的地方，如下：
1. 首页处理得比较到位，虽然javascript也没有压缩，但总大大只有108k
2. 文件央求数较少，这个和开心网本身有关，开心网本来就不是一个网页结构复杂的网站，所以文件数自然会比较少了
3. 静态文件和网页分开部署
4. Javascript注释比较好，但不该当发到客户端
重要建议：
1. 开启gzip压缩
2. 压缩javascript及css，并将这些文件缓存起来
{zh1}，这次的分析就写到这里了，就事论事而未，和任何网站及相关的人员没有任何关系，呵呵。
【相关阅读】
GZip压缩网站JS/CSS文件加速网站的访问速度
提高WordPress访问速度与性能的技巧总结
Yahoo给出的34条网站加速方法
使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度
（本文地址）
