08
5月 15

网站加载速度优化及Jetpack

好久没有动网站了。

最近因为集中更新博客,发现网站慢得忍不了,后台管理页刷一次大概要20多秒,编辑排版等着看预览效果简直要把人逼疯。一开始我以为是因为主机属于“群租房”,带宽不行,又是香港的机房,解析跳转占时间。但是从iPhone和iPad上进行访问,几乎秒开,意识到肯定有哪里出了问题。

首先观察浏览器状态栏,发现会卡在2.gravatar.com很久,猜想是评论Gravatar头像服务挂了或者被墙了,就去设置里把这一项关掉。

然后再看状态栏,发现卡在s0.wp.com,这个貌似就是wordpress的服务器,猜不出是什么原因了。到处搜了一圈,发现很多wp站长都在说这个问题,得出的结论是从某个版本之后wordpress的管理后台使用了google提供的开源字体服务,然后因为国内google被墙就成了这个德行。站长们给出了以下两种解决方法:

1.装个禁用开源字体的插件或是加代码。参考自这里

在你的主题的 function.php 顶部加入以下代码即可:

add_filter(‘gettext_with_context’, ‘disable_open_sans’, 888, 4 );
function disable_open_sans( $translations, $text, $context, $domain )
{
if ( ‘Open Sans font: on or off’ == $context && ‘on’ == $text ) {
$translations = ‘off’;
}
return $translations;
}

照着改完,但似乎并没有卵用。。

2.改开源字体服务的来源。

进后台打开wp-includes/script-loader.php文件,找到fonts.googleapis.com,替换为fonts.useso.com

据说替换的网址是360提供的服务。虽然不是很放心,但这种时候实在傲娇不起来。

改完貌似就好了。现在打开网站大概在4秒左右,前台后台差不多了。感觉应该还有优化的空间,不过暂时先这样吧~╮(╯_╰)╭

另一件事是前些日子给网站接了Jetpack。

Jetpack算是Wordpress的官方升级包,有很多强大的功能,比如提供数据统计和移动设备上的推送通知。不过对我来说,最大的用途是适配移动设备的主题样式,手机端的阅读体验非常舒服简洁。另外也推荐一下wordpress的客户端,现在写博客基本都是在手机客户端创建草稿然后先传好图片,再回到电脑上编辑文字输入,非常方便。

  

说起来有了iPhone之后,真的是爱不释手。感觉手机上做事和在电脑上做事相比,效率和体验胜出一大截,更快、更简单、更结果导向。比如修照片,不用photoshop调曲线调色阶调滤镜,美图秀秀点两下就好。比如写博客发微博,不必打很多字了,一图胜/省千言。不禁感慨一下,这个时代真的是属于手机的时代,凡是用过智能手机的人,都再也回不去了。


27
7月 11

网站装修2-“!important”用法与单栏vs双栏

总算是把Arras页面主体的背景色去掉了,感谢despres指点。重点在于,Arass某个css文件里把#main的背景设定为一个名为foreground.png的图片,并且设定为最高优先级,即在属性后面加了!important。难怪之前怎么改transparent都不起作用。解决方法是:在user.css里面加上#main{background:transparent !important;}。虽然都加着!important,读取时会以最后的为准(据说ie6也是不支持的)。

说起来,Arras这个主题真是让人又爱又恨。爱的是它灵活多变、功能强大,恨的是它css体系复杂。和其它主题不同,Arras的style.css文件基本没太多信息,它在最开头就表明:先导入default.css,然后导入user.css。假如你去查看default.css的开头,又会发现它先引入base.css。这个层级递进的架构,是为了能够实现在后台对想要的子主题进行选择,但这同时就要求你在DIY网站时对代码比较熟悉,思路也得清晰。要不然,干脆就像我一样,直接在user.css里面用上!important吧。这招儿包治百病。

最近也在考虑要不要采用单栏。起因是有人推荐了一款名为manifest的主题,真的是超~极简主义。极简到连我都吓了一跳:这、这分明是txt嘛。人类习惯以序列方式加工信息,采用单栏可以排除无关干扰,使读者专注于内容本身。比如云风的博客就采用单栏排版。但缺点则是,像书籍一样的排版,浏览者的唤醒水平会不会下降?会不会因为对一篇文章没有兴趣而对其他内容也失去读下去的兴趣?此外,虽然人类加工信息的方式是序列的,浏览搜索信息的方式则是并行的。单栏会不会以牺牲获取信息的快捷性为代价?这一点恐怕是必然。

所以,除非我对自己网站的内容有绝对的信心,加之主题趋于集中,保证能对同一群浏览者有着绝对的吸引力。否则,暂时还没有改为单栏的足够理由。

 


24
7月 11

网站装修1

正如所见,这次正在装修大体样子已经出来了。

这次装修修改着实不少。首先是把logo部分重新做了一下,改天把历史沿革版本拿来晒晒。背景找了个ps里面的纹理调了调色阶拿过来用作底纹。再来是分类导航栏,经过反复调试,达到了现在hover的样子,我感觉还蛮舒服的。搜索框那里也作了些调整。总体来说,简约主义的感觉渐渐浮现了。

发现了一款的css编辑器,相当好用,Visual CSS,特别是F1帮助里直接内带一本有演示功能的CSS手册。这下枯燥的代码总算有了视觉意义。通过css文件另存为,在软件中一点地调整,然后上传,刷新,看效果,总之整个过程就是一次又一次地尝试-错误。

目前还存在问题的地方有:

rss-feed按钮的hover效果,想借用simplicity的图片效果,但是貌似没调好位置;

文章主体部分怎么也去不掉的#F6F7F2的底色,css文件里全文搜索都没有这个色号,到底是从哪里读取来的,仍然是个谜;

只有火狐能看到的微软雅黑,ie核的浏览器要怎么才能识别字体设定,也还成问题。

还有只有在首页字号特别大的blog description…

嗯,各种各样的问题还是很多。

 


21
6月 11

站长的我和我对话之链接表更新

-喂,我说,你一定得在周二组会之前、上周计划做的事都没完成、并且还没有向队长汇报进度的这个关键节骨眼儿上,来更新你的网站链接表吗?这种玩意儿不是什么时候做都可以的吗?

-嗯,说的是没错啦。但是不知道怎么就突然很想做这件更新,然后不知怎么就开始做了,然后不知怎么就没及时刹住车。

-真够呛啊你。说什么“不知怎么”。这么随心所欲无组织性无纪律性无时间观念,将来一定会被公司开除的吧,不,说不定用不了多久就被老王请出课题组也是很有可能的,啧啧。

-哪有那么严重,表吓唬自己啦,反正今天老板也不在…只是会想到假如今天是生命的最后一天,好比方说在去开组会的路上遇到交通意外或者走到所里南楼门口掏钥匙的工夫一阵狂风吹下个花盆神马的挂了,见阎王的一瞬间我会想:嗯,好在上午的时间花在把网站的链接表更新了,把一些了不起的、活着的当代艺术家介绍给大家了,不是一件很有意义的事儿吗?

-少来了你。假如真的那么喜欢艺术,干嘛还读什么心理学,还做什么研究,退学去画画不就好了。

-这…人家没有才能嘛…

-你分明就是避难就易,学术上遇到难题就以兴趣爱好为借口来逃避。美其名曰关怀心灵珍惜生命。你看看你两周前还说要给网站换header和logo呢,还不是什么都没做。我看你只会蹉跎岁月罢了。

-好吧,你说的都对…又被你无情揭露、彻底批判了…都是自己人,给自己留点面子不好么…

那么,就是这样咯。右边的链接表里收藏了一些我非常喜欢的当代艺术家的网站。这些艺术家涉及摄影、插画和绘画,最重要的是都还活着。我了解这些艺术家的信息来源几乎全靠padmag.cn,这是个很有品位又很勤快的视觉网站,右侧同样有链接。做不了padmag.cn或者苏打苏塔那样广泛搜罗的工作,只是把符合个人口味的艺术家收藏起来罢了。

另外我终于买了数位板,比想象当中好用,但我还没有画出什么能拿出手的东西来。希望它不会像我买过的其它那些画具一样,被岁月蹉跎为杯具,hohoho。


22
5月 11

新主题启用Clear

嘿,伙计们,你们喜欢这个新主题吗?

我反正挺喜欢这白纸黑字的感觉。新的主题叫Clear。主题说明里说得好:字大,易读,适宜文字类站点。字大是好事,可大到18px的水平,也是很吓人的事。预览的一瞬间,我还以为是在用我那老花眼的老爹的笔记本看自己的博客,又或是不小心按了ctrl+鼠标滚轮。总之还是一用上就到处改小了一些。

有段时间没跟wp后台学习代码了,因为最近ppt报告+期末考试+课程论文+老板又搞考评新花样总之是各种烦………西卡西!保持写字儿频率和不断美化站点观感,对身为独立博主的我来说,是义务与责任!是自我的修炼!是绝对不可以借口偷懒的必修课!

所以,为了督促自己不断美化站点观感,把建站部分的更新预告放出来。预告之前,一切永远只是脑袋里的idea。预告之后,一切总有一天会成真。(但愿。)

Head:手绘个线条感麋鹿。(“嗯…可是…手绘好麻烦…head那么点小区域…要不然还是用钢笔勾一个算了…?”“这就开始退缩了吗混蛋!!!”)

Icon:放弃现有黑乎乎的icon,设计一个辨识度高一些的logo。具体是啥样还有待思考。(“就是不知道做成啥样咯?”“嗯…算是吧。”)

至于更新的时间,我猜下下周可能会有心情和时间的样子。不过,计划永远赶不上变化,世事总是难料哇,没准下周会有外星帅哥找我私奔呢~?

(“奔你个头。有时间思春还不如赶紧写作业去。看来很大可能短时间内什么都不会改就是了。行了散了散了~”)