2010-03
7

要并行还是要cookieless

By xrspook @ 19:23:51 归类于: 扮IT

优化wp,一个困扰我一个多星期的话题。

其中有一个方法就是用cookieless的域名来放置静态的内容。于是就有了个叫“图床”的词语出现,图床啥意思?请看Kangzj解释。图床是建立在一个cookieless域名下的东西,顾名思义是用来放“图”的,但也用来放.css,.js等静态文件,由于域名是cookieless的,所以在传递过程中无需做无谓的小饼干来往,因此加快速度。如何为网站(尤指wp搭建的窝)建立cookieless的图床呢?详见:

cookieless真能提速,尤其是反应速度。但blog里全部图都放到某个cookieless的地方就是最快?不才的xrspook在折腾cookieless的时候经常借助http://www.webpagetest.org/测试X领地,不经意发现了个天知地知但xrspook不曾知道的东西——浏览器的并行下载!减少DNS查询是网站提速的又一重点,多个hostname就要求进行多次DNS查询,但如果不多,就2个呢?呵呵,这就是我要说的重点。

话说在建立了cookieless域名后,xrspook把所有静态图片都搬到了那里,毕竟那只是ftp的无聊操作而已。但接下来要把所有的图片都重新更改链接可不是开玩笑的,很懒的xrspook就只把一些图片的网址改了过来,先看看效果,惊讶地让xrspook首次看到了不同hostname的并行下载!很是厉害,普通的测速图里进度条都是成阶梯式分布的,上一个要进行到一定程度下一个才开始,所以,如果你的页面有很多很多的图片等非单纯文字的东西,那就杯具了,鉴于X领地模板的“美观性”,这里有不少的图片(简称CSSIMG)。(咋的?你没看到?圆角的都是图片,谁叫浏览器还不能广泛接纳CSS3啊,还有很多按钮底图什么的)而由于个人兴趣的需要,在sidebar加入了个叫做“鬼在这里”的文本widget(简称LOGO),不用多说,里面的也是静态图片。懒人我最开始的时候只是把LOGO的链接改过来了,CSSIMG的没改,做了测速,发现了并行法则,(见下,左图)。

并行很牛,但我的CSSIMG还没改呢,兴冲冲地把所有CSSIMG的网址也都改了,期待完美减少cookie的历史时刻。好不容易借着Firefox的页面高亮查找把CSSIMG都改好了,做个测速。(见上,右图)

(点击图片得详细测速报告)

我的天!图片半cookieless(即并非所有静态图片都放在cookieless域名)的时候,载入时间是4.654s,而全cookieless的时候载入时间却需要5.425s,差了接近0.8s,但后者的start rander(这个是什么?就是Firefox出现“载入中”或者Google Chrome“进度条逆时针转动”的时间)比前者快0.107s,归根到底就是First Byte那里快出的0.107s,是不是不传递某些小饼干的优势呢?到底是什么造成这个严重的0.8s差距呢?聪明的你或许发现了,在测速的前期,两者差距很小,但后期大量(接近15个)静态图片传递时,优势就很明显呢。前一个的阶梯“很陡”,后一个的阶梯“很缓”,在载入的这个问题上,我喜欢阶梯很陡,垂直的更好。显然,图片半cookieless时做出的hostname并行下载优势在X领地强于全cookieless的无小饼干交易。

事实胜于雄辩!

当Google和Yahoo的测速软件都告诉我们cookieless domain很好的时候,我们要相信,但不能尽信,毕竟问题得综合考虑。机器能告诉我们单项的完美解决办法,但适合自己的才是最完美的,而最适合的只有自己衡量后才能得出。

最后,X领地的提速效果是“并行>cookieless”,于是我选择把静态图片做成半静态的。

各位玩wp的朋友,什么形式的提速才最适合你们呢?实战一下吧!

PS小贴士:

在做cookieless图床的时候你或许还需要用到以下链接:

2010-03
6

有问题,就解决

By xrspook @ 23:59:32 归类于: 烂日记

近几天都在和Matrix密切联系,就像一个问题青年一样我总有数不尽的困惑。如果是从前,我的对象就只有G老师,但现在我却像有了靠山一样,不断地“骚扰”Matrix。为什么呢?因为有些问题一个人根本解决不了。因为折腾wp是一个前台+后台的过程,不过呢,前台也是后台在控制啦,不过有些地球人都看到的东西——图片、文字格式等。后台是一个广大的空间,有wp的菜鸟级控制域,也有非高手莫碰的代码区域,还有就是更后台的主机管理(我们用的系统是Lightpad)。Linux是个好东西,Lightpad也是个好东西,但在那个层面,我只是个刚入门的鸟。

不知道域名A和CNAME的区别(已解决)。

不明白为什么按照既定设置却会出错(具体需要写篇1000字以上的说明)(已解决)。

想不透为什么明明应该cookieless的东西居然会有小饼干,难道某人故意跟我作对挖地道了(半解决)?

在一些基础系统知识上我一片空白。大学头两年为什么要学基础?如果没有小学六年的基础知识后面的高楼大厦根本建不起来。效果就像我遇到的问题一样,我是半路杀出来的,发现了问题所在,却无法溯源,因为我的知识库里根本没有任何是与之相关的资源。你若不知道小饼干是什么,什么会导致小饼干,你就永远都不知道怎样才能杜绝小饼干侵扰。Google Page Speed称之为“cookieless domain”,YSlow则称之为“cookie-free domain”。小饼干这东西可不是你说想不要就能不要的。

现在已经夜深,关于小饼干还有很多话要说,技术文是必须写的,睡个觉再说吧。

最后,再次感谢Matrix给予的技术支持!

2010-03
5

波澜不惊,温暖人心

By xrspook @ 23:59:17 归类于: 烂日记

GAS06E16,居然说不出整体什么感觉来着,波澜不惊,温暖人心吧。

首先,是三个小男生,好可爱的三人组,比Burke、Derek、Mark的时候和谐多了,还记得Owen刚来的时候Derek和Mark是多么排斥那个只图快而草草医治病人的军佬Hunt吗。现在,三个可以说已经成为闺中密友了。

在这一集中,Owen没什么进展,依旧呆木,咋的对女人就不知该如何开口呢。

Derek,变成了一个很帅的Chief,开始被医神教训他“note it”最后轮到他威风起来,不做开颅手术而偏向行政的Derek依旧McDreamy,散发着迷倒众生的老男味。

至于Mark,刚开始的时候的所有行为,包括和护士那个、对任何美女放电、跟Derek斗嘴、大吼Alex等一切迹象都表明,Mark不但没变好而且还倒退了,但看到那个naughty McSteamy的归来却突然让我觉得很亲切,因为Dr. Sloan的标志就是医术奇高、自信爆棚、生活糜烂。当Mark试图要改变自己、成熟起来下定决心跟Alex道歉的时候却让他实时[xrspook:是实时啊!]亲眼目睹自己不愿接受的事实,但这次,他没躲,他正眼看着心里有愧的Lexie,好不容易打了个招呼。无论他怎么跟自己说Lexie是个好姑娘,但事实就摆在眼前,去扇Lexie一巴,揍Alex一顿么?从大叔过后的眼神和跟男友们的对话中,不难发现,编剧大妈真有意让大叔成熟起来了。有证据哦,引自编剧大妈2009-03-04的blog

If the guy didn’t have abandonment issues before, he’s definitely got them now. Still, as much as he’s trying to find pleasure in his old, bad habits, Mark’s a changed man. He’s no longer satisfied by rolls in the hay with strangers. Heartbreak was good for him. Don’t believe that? Watch what happens with Mark in the next few episodes.

说到心碎,Arizona也很心碎,只从上一集发现Callie和Alex曾经有染后她拒绝这个极有天分应该重点培养的儿科天才Alex。说Mark小气,Arizona也差不多,我觉得。她还能勉强地容忍Mallie,却半点容不下Calex[xrspook:我也容不下]。大家有没有觉得Arizona近来都没怎么做手术,通常都在折腾着人际关系呢,好八卦、好吃醋的小女生哦。

说到小女生不能不提Meredith和Cristina都一同比喻Lexie为“Your heart lives in your vagina.”[xrspook:貌似“脑袋长在PP上”吧]。这是Lexie不成熟的表现,互相满足对方要求的Alexie都不成熟。看到Cristina真以为Teddy和她做朋友,可真有点为她担心。手术是她的全部,男人抛弃她她总算是挺过去了,如果心外女神抛弃她她可能会直接拿scalpel自捅心脏。Meredith在这集貌似很打酱油,但其实充当了个junction的角色。那个飞扑男,那个号称医神孙子的小黑身世不简单啊,而共同引出这段的还有Meredith,大妈绝对有发掘Avery和Grey一家的关系的意图。Lexie嘛,我本来就不怎么喜欢她,这集之后就更不喜欢了。

可以预知,Mark的光明大道即将到来,同时也能嗅到了OCT[xrspook:不是October,而是Owen+Teddy+Cristina]三人纠结暴风雨的味道了,拭目以待!

2010-03
4

高级锁

By xrspook @ 21:33:00 归类于: 烂日记

在折腾icon,在没有的时候随便就好,但当选择多了以后,却挑三拣四都没选到自己觉得满意的,人这种动物实在邪恶。

网站在提速,所有含图片的东西都是K的对象,但某些文章如果不图文并茂的话会非常沉闷,总不能为了一个“快”字而抹杀掉一切吧。所以,网站是要优化,但最重要的还是内容。blog在别人眼里可能不值一钱,但对blogger来说是一个对自己所做的思考和反省。为什么写blog像果奔,谁能365/366天都编故事来糊弄人,除非TA是小说家,小说家也不能随时编出好故事啊,所以,共舞员、尤其是高层是不会写blog的。毕竟纸保不住火,一个不小心说漏嘴就问题大了。而我们这些小人物呢,无所谓,烂命一条是也。

BlogBus改进了“按”的系统,在不给你任何提示的情况下就“锁”你的文章,真和谐(本想把这两个字拆成火星文4个字了,还是算了)。

这个星期很无聊,无聊得我都慌了,都不知干些什么好。闲本来是好事,但领导老在转悠,你又真的没事可干那就烦了。

幸好,过了明天就周末。

2010-03
3

提速

By xrspook @ 21:40:54 归类于: 烂日记

认识了个网站http://www.webpagetest.org/是用来测试网页的,然后就和Matrix一起纠结到底怎么改进才能让网站表现得更好。首先在lightpad的服务器下尝试compress,压缩啊,把.css,.js,.html等东西压缩,毋庸置疑,肯定会提高网站的载入速度,但我们的测试结果居然是,由于我的.css和.js过于庞大,导致cpu在启动的时候使用量加大(在压缩),最终使得反应时间加长,其结果是用户看到“载入中”(Firefox),“进度逆时针转”(Google Chrome)的时间增长,而在刷新过程中,即显示标题到网页完全载入时间很短,首次载入大概只需2秒或一下,刷新可能在瞬间就能完成载入过程。

网站的整体效果好,但反应时间过长会让国人有个不好的念头——这网站能不能开啊,是不是被按了啊,咋的没反应。连我自己都有这种感觉。

后来Matrix把设置修改了,把start rander提早了,提早到3.5s内,这样的结果就是反应时间提早,但后面稳定的时间稍微加长,对比发现其实也长不了哪里去,就多了那么0.05s,不是变态的人(比如我自己)是感觉不出来的,因为网络忙闲状态下的区别都远远超过这个等待时间。

令人欣慰的是经过gzip和cache处理后,主页的Page Speed分数从原来的80一下子提升到86,可谓是一大步啊!

改进真是个无止境的过程!!!

最后要感谢defu2009lighttpd配置gzip和cache给予的技术支持!!!

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress