2010-04
5

这一坨原来是那一坨

By xrspook @ 23:00:07 归类于: 烂日记

在第一个自创WP模板上折腾了1天多,雏形出来了,但显然,我对上面的某些颜色很不满意,看来我不喜欢浅紫色哦。还有一些功能,未能实现,但已在完善计划中,遇到了很多问题,也逐一干掉了不少。

今天我才突然发现,原来WP主题最高深莫测的是comment.php和function.php,它们的代码量可以是其他模板的几倍甚至十几倍,而且基于的东西都是我不太懂的php而不是基础的XHTML。不过,结论就是,有些东西,你越是害怕,越是不敢碰,你越是退缩它们就越会欺负你。大胆去探索一下,没什么不可以的。惊讶地发现,从前在WP经典模板comment.php出现的东西现在跑到function.php里面了,具体一点就是<?php wp_list_comments(); ?>的内容物从前是comment.php里的一坨,现在都默认到了function.php受默认参数的管理。WP的好玩之处就在这里,对于这些貌似封装的函数你继续可以折腾,直到你心满意足,一般的BSP是绝对提供不了这般从菜鸟到高手级的服务。嵌套评论不是什么新鲜事,但从没有嵌套评论的模板里对比弄出个嵌套评论却能让人长进很多。知道了很多来龙去脉。既然我是半路杀出来玩WP的,很多之前的变化不知道,通过这些自我折磨就会让人有灵光N闪的感觉。

或许我是那种喜欢自我折腾着并快乐着的人吧。

2010-03
9

第一个自制wp theme

By xrspook @ 22:44:24 归类于: 烂日记

脱机的日子里靠着xampp单机折腾出人生的第一个wp theme!!!Am I kidding?我也希望,但我真做到了!!!!!

首先是研究相关主题的代码,然后集百家之所长,基础代码来自wp的class模板,那个模板非常简洁,只有7个php文件!!!索引页、文章页和单页用同一个index.php控制!经典就是强。没有修改它的function模板,function模板是一个很深奥的东西,不敢碰。它的function模板里只有一个函数“register_sidebar”,这个模板有widget功能,但我没用到,sidebar是自己写的代码,其实也非常简单<?php wp_list_categories(‘title_li=0’); ?>我只想在那里显示分类,折腾了好久不知道怎么把那个该死的“未分类”隐藏掉,原来就是在括号里来句’title_li=0’就行了,内牛满面~~~~ 虽然目的达到了,但仍不知道自己干了些什么。

其实为什么能在一天之内完成一个theme呢?全赖之前已经花了不知多少个晚上把单位基于table的网站改成基于div的,于是把.css的东西往style.css一贴,再把早就定位好的div搬到各自的模板,放置上合适的<?php?>,不就是一个theme么?以前同事说之所以用asp而不用php做网站首先是因为他不熟php,接着,asp的网站能用DW编辑,显然,如果写php想用DW……如果可以的话请告诉我一声,我都是用代码写的,还有个重要原因,因为那个模板是他“借”回来的……

看来我要把先进的blog编辑器WordPress引入果起了!让大家都用上wp,独立+自由+强大,我们是时候抛弃非IE不可的小东西了。几天前,米果的朋友为IE6举行了葬礼,但我这里还有N多人在用已经被老爸老妈兄弟姐妹抛弃且已经归西了的IE6。把先进传递开去,xrspook的重大使命啊~~~

其实呢,还有一个貌似很神奇,但可以通过一个php实现的非flash的东东还没开始弄。

努力吧,加油吧,神奇小盆友!!!

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
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给予的技术支持!!!

2010-03
2

费劲

By xrspook @ 21:58:14 归类于: 烂日记

费了好大的劲才把WordPress从2.9.1升到了2.9.2,首先,单机xampp试验一下,超快,然后就在FTP上实施,等到我都顶不顺,洗澡去了。首先是把wp-content上的宝贝备份下来,所有主题和插件的修改都在那里了。然后把wp-admin和wp-includes删掉,最后把新版wp除wp-content以外的部分全部内容粘贴+覆盖,真的等到天荒地老啊!因为就基本上等于把整一个wp卸了重装。还有下次的话,我绝对会考虑把那些要上传FTP的文件先压缩然后让管理员放到上面。10MB的东西可以缩小到3-4MB啊,朋友!所以这也是Google Page Speed建议我把网站的css,js文件压缩的原因。有试过Word或Excel压缩嘛?基本上能压掉90%(.rar,.zip不知道,很久不用这格式了)!

等得我死去活来,干脆回宿舍用电线折腾晾衫杆,弄出妈说的那种不会吹到一起且不会被大风吹掉的玩意儿。简单来说就是在杆上绕电线,非常简单,你喜欢怎么绕就怎么绕,没有固定规矩,唯一的要求就是弄出来挂衣架的圈圈不能太小,我个人的经验是起码要预留2只手指的宽度,否则衣架晾得那个郁闷啊。不是读文科的,艺术就更烂了,所以,如果不美观请不要揍我。下面就是xrspook折腾了1个小时的“杰作”(手机照片,质量不好):

远看是这样,远看,特别是你有500度以上近视,又不戴眼睛看,视觉效果还可以,至于是否能真的实现妈所说的功能,那就要靠时间和老天爷去考验了。

show个近镜。我知道,很丑,原谅我吧,我只是个工科生。

精神上费劲,肉体上费劲,飘荡ing…

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