TypeCodes

博客减负记:wordpress主题的优化

主题制作从7月21完成后,基本上没进行什么大的改动了。而且域名从huangkeye.com转到vfhky.sinaapp.com上来后,就一直搭载着360网站卫士。每天都要上360看看博客的安全状况,尤其看到那些被拦截的攻击后心里就特爽。心里就在琢磨着,要是没用360,博客是不是早就挂掉了。不过,用着用着总是有麻烦的。比如,有博友反映博客在很多地方打开奇慢。最令自己烦心的就是每次用联通的网络修改代码,动不动就超时或者2k左右的代码半天提交不了。到9月15左右,博客从.com域名转到.cn域名大概有5个月了,而百度的收录竟然还只是停留在40多篇,很不科学。这跟360卫士CDN逃不了干系,因此在把域名的DNS解析回原主机后,vfhky就打算彻底给博客做个诊断。

1 主题:花式繁杂vs简约实用

首先从页面的加载速度着手,蜘蛛的耐心也有限呐。很多时候,我和大多博主一样,会在博客功能上下大功夫,追求花式多样的风格。也许这样看着心里觉得特别舒服,多有内涵呐。不过,渐渐地却发现很多功能都是用户不常用或者根本不用的,这样它们就成了无用的摆设,而且还加重了服务器的负担。于是vfhky决定从简出发,给博客减负!简约实用才是王道,而且不浪费资源!

2 优化wordpress评论者信息列表

之前博客对评论者实行了“等级”制度——根据评论者在博客留言的总数来显示相应的等级图标。这样就造成了每次加载评论信息时,都要查询数据库。于是把这个功能连同博主身份提示图标一同去掉,只显示通过jQuery调用淘宝IP库接口的评论者地理位置信息。

wordpress主题的优化:评论信息列表

3 优化wordpress相关文章

很多博客的主题都有“相关文章”功能,个人感觉列出的相关文章与原文的“相关程度”不是很高,所以决定一同把这个功能去掉。减少数据库的查询和图片信息的加载。

wordpress主题的优化:相关文章

4 优化wordpress评论框

主题之前在评论框上玩了一把花哨的功能:用jquery在评论框下加载一个包含“表情”、“颜色”、“代码”、“插图”等功能的工具。不过从前面的评论来看,用户几乎很少用到这些。所以vfhky也决定把它删掉,js文件瞬间减少进0.5k大小。

wordpress主题的优化:评论框

5 优化wordpress右侧栏的TAB列表

之前博客右侧栏加载了两个TAB列表栏,功能相对丰富,包含了大多的文章归类显示方式。但是这个需要多次查询数据库,而且还需加载jQUery代码使这两个TAB菜单列表自动从左向右滚动。考虑到用户的需求,去掉“热门标签”、“博主推荐”等列表,保留了“本季热文”、“读者热评”、“最新文章”、“博客统计”这四个功能,并把它们整合到一个TAB菜单列表中。

wordpress主题的优化:tab列表

6 优化wordpress的站外Trackback

之前在弄主题的时候,就琢磨着这个功能可以方便博客间的交流。不过,现实残忍地标明这个功能已经是wordpress垃圾评论的发源地了。而且站外Trackback也需要服务器去检测你的文章是否被引用了,消耗了资源。因此,通过SQL关闭之前所有文章的Trackback后,再在博客后台设置不启用站外Trackback就解决了这个问题。

wordpress主题的优化:pingback

7 压缩js和css文件

压缩js和css文件对页面的加载速度还是很有帮助的,这里vfhky总结了4个比较好的javascript和css在线压缩网站,希望对大家有用!

http://jscompress.com/
http://www.csscompressor.com/
http://www.ostools.net/jscompress
http://tool.css-js.com/
http://javascriptcompressor.com/
8 博客减负后记

精简的代码,看着舒服;简约的博客,看着同样舒服!从15号到现在,博客从360网站卫士撤回来,然后完成了上面这几个优化,收到了不错的效果。昨天百度收录将近100,快照也更新了。最重要的是每次打开博客速度比以前快了,页面看着也更顺心了!

打赏支持

Comments »