<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>超群.com的博客 &#187; YSLOW</title>
	<atom:link href="http://www.fuchaoqun.com/tag/yslow/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fuchaoqun.com</link>
	<description></description>
	<lastBuildDate>Thu, 22 Jul 2010 23:31:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>开心网(kaixin001)的首页为什么这样设计？</title>
		<link>http://www.fuchaoqun.com/2009/04/kaixin001-index/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=kaixin001-index</link>
		<comments>http://www.fuchaoqun.com/2009/04/kaixin001-index/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 10:04:12 +0000</pubDate>
		<dc:creator>超群.com</dc:creator>
				<category><![CDATA[Arch]]></category>
		<category><![CDATA[kaixin001]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[YSLOW]]></category>

		<guid isPermaLink="false">http://chaoqun.17348.com/?p=218</guid>
		<description><![CDATA[不知大家有没有发现，就算你选择了&#8221;记录登录状态&#8221;，下次访问kaixin001.com的时候还是官方静态首页，过一会才跳转到个人首页，这样的用户体验反正我是不太舒服，查看kaixin001首页源代码，发现个中蹊跷： function _bodyonload&#40;&#41; &#123; .... var v_kx = getCookie&#40;'_kx'&#41;; if &#40;v_kx.length&#41; &#123; .... v_timeid = setTimeout&#40;&#34;gotohome()&#34;, 2000&#41;; &#125; &#125; &#160; function gotohome&#40;&#41; &#123; if &#40;v_timeid&#41; &#123; window.location = &#34;/home/?l=a&#34;; &#125; &#125; 代码翻译成白话就是：页面加载完毕后，检测是否有&#8217;_kx&#8217;的cookie，如果有的话2秒后跳转到&#8217;/home/?l=a&#8217;页面，有的时候页面加载时间就很长，再等个两秒跳转，你都恨不得重新登录。 不知道kaixin001设计的时候是如何考虑的，从用户体验的角度来说：囧；从技术的角度来说：相当囧，仅仅是增加了服务器请求数（第一次请求首页白瞎），不知道kaixin001慢是不是这个原因，可能有更囧的。 很多时候我们会需要处理登录状态和非登录状态，一般可以在程序层面判断，比如PHP： &#60;?php if &#40;empty&#40;$_COOKIE&#91;'_kx'&#93;&#41;&#41; &#123; &#160; // 显示官方首页 &#160; &#125;else &#123; &#160; // 显示个人首页，记得校验cookie &#160; &#125; ?&#62; kaixin001也是一个很大的SNS网站了，关于她的架构，未曾见诸网上，也许应该更开放一些，不过kaixin001网站整体的速度不太好，不知道是人太多、服务器太少，还是说存在伸展的问题。 用YSLOW测试了一下kaixin001&#8243;我的首页&#8221;，得分是F(49)，很多js没有压缩，js文件数有18个之多，css文件数5个，js文件放头部等等，同期测试豆瓣的&#8221;我的豆瓣&#8221;，得分C(79)，一直觉得douban的技术还是挺牛的，也比较开放。]]></description>
			<content:encoded><![CDATA[<p>不知大家有没有发现，就算你选择了&#8221;记录登录状态&#8221;，下次访问kaixin001.com的时候还是官方静态首页，过一会才跳转到个人首页，这样的用户体验反正我是不太舒服，查看kaixin001首页源代码，发现个中蹊跷：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> _bodyonload<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    ....
    <span style="color: #003366; font-weight: bold;">var</span> v_kx <span style="color: #339933;">=</span> getCookie<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'_kx'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>v_kx.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        ....
        <span style="color: #660066;">v_timeid</span> <span style="color: #339933;">=</span> setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;gotohome()&quot;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> gotohome<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>v_timeid<span style="color: #009900;">&#41;</span>
    <span style="color: #009900;">&#123;</span>
        window.<span style="color: #660066;">location</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;/home/?l=a&quot;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>代码翻译成白话就是：页面加载完毕后，检测是否有&#8217;_kx&#8217;的cookie，如果有的话2秒后跳转到&#8217;/home/?l=a&#8217;页面，有的时候页面加载时间就很长，再等个两秒跳转，你都恨不得重新登录。</p>
<p>不知道kaixin001设计的时候是如何考虑的，从用户体验的角度来说：囧；从技术的角度来说：相当囧，仅仅是增加了服务器请求数（第一次请求首页白瞎），不知道kaixin001慢是不是这个原因，可能有更囧的。</p>
<p>很多时候我们会需要处理登录状态和非登录状态，一般可以在程序层面判断，比如PHP：</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #990000;">empty</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$_COOKIE</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'_kx'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #666666; font-style: italic;">// 显示官方首页</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #666666; font-style: italic;">// 显示个人首页，记得校验cookie</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>kaixin001也是一个很大的SNS网站了，关于她的架构，未曾见诸网上，也许应该更开放一些，不过kaixin001网站整体的速度不太好，不知道是人太多、服务器太少，还是说存在伸展的问题。</p>
<p>用YSLOW测试了一下kaixin001&#8243;我的首页&#8221;，得分是F(49)，很多js没有压缩，js文件数有18个之多，css文件数5个，js文件放头部等等，同期测试豆瓣的&#8221;我的豆瓣&#8221;，得分C(79)，一直觉得douban的技术还是挺牛的，也比较开放。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fuchaoqun.com/2009/04/kaixin001-index/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->