超群.com的博客

开心网(kaixin001)的首页为什么这样设计？

不知大家有没有发现，就算你选择了”记录登录状态”，下次访问kaixin001.com的时候还是官方静态首页，过一会才跳转到个人首页，这样的用户体验反正我是不太舒服，查看kaixin001首页源代码，发现个中蹊跷：

function _bodyonload()
{
    ....
    var v_kx = getCookie('_kx');
    if (v_kx.length)
    {
        ....
        v_timeid = setTimeout("gotohome()", 2000);
    }
}
 
function gotohome()
{
    if (v_timeid)
    {
        window.location = "/home/?l=a";
    }
}

代码翻译成白话就是：页面加载完毕后，检测是否有’_kx’的cookie，如果有的话2秒后跳转到’/home/?l=a’页面，有的时候页面加载时间就很长，再等个两秒跳转，你都恨不得重新登录。

不知道kaixin001设计的时候是如何考虑的，从用户体验的角度来说：囧；从技术的角度来说：相当囧，仅仅是增加了服务器请求数（第一次请求首页白瞎），不知道kaixin001慢是不是这个原因，可能有更囧的。

很多时候我们会需要处理登录状态和非登录状态，一般可以在程序层面判断，比如PHP：

<?php
if (empty($_COOKIE['_kx'])) {
 
    // 显示官方首页
 
}else {
 
    // 显示个人首页，记得校验cookie
 
}
?>

kaixin001也是一个很大的SNS网站了，关于她的架构，未曾见诸网上，也许应该更开放一些，不过kaixin001网站整体的速度不太好，不知道是人太多、服务器太少，还是说存在伸展的问题。

用YSLOW测试了一下kaixin001″我的首页”，得分是F(49)，很多js没有压缩，js文件数有18个之多，css文件数5个，js文件放头部等等，同期测试豆瓣的”我的豆瓣”，得分C(79)，一直觉得douban的技术还是挺牛的，也比较开放。

Tags: kaixin001, Performance, YSLOW