换博客主题与主题优化

换主题记:

    上周回家以后电脑就送去维修,今天回到学校趁机再次折腾博客。本次主题就没有重头开始写了,直接在之前制作的typecho主题xmTheme v1.0上面操刀,将界面变成纯色小清新。

    界面方面和之前的主题基本一致,但是这次css方面跟着潮流学习掺杂了一点响应式WEB的技术,测试方法可以将你的浏览器窗口调小或者使用手机浏览器进行察看。如无意外你会看到效果如图:

    边栏直接隐藏,搜索框框也不见了,只剩下导航,并且用手机浏览器可以看到如下效果:

主题WP7截图

(截图来自:Windows Phone Internet Explorer)

主题优化篇:

 1.合并图片减少HTTP请求

    之前分享的typecho主题xmTheme v1.0里面文章基本信息的图片

文章基本信息

    这里的四张图片都是独立存在的,就是说每次访问博客便会向服务器请求这四张图片,这个在css sprite横行的时代,这样做是不提倡的,也是yslow不喜欢的做法。

    改善的方法就是将他们合并成一张图片,通过修改样式表用CSS SPRITE实现,这样以后博客只需要请求一次图片即可达到上述效果。(css sprite是什么?)

 

 2.巧用htaccess缓存css、js、favicon等

现在大部分的linux主机都支持定义.htaccess,开启之前确认服务器是否支持mod_expires.c,设置方法请参考:

修改.htaccess,提升你的网站加载速度

GOOGLE:htaccess 缓存

 

后记:

搞到三更半夜的精神确实可敬佩,这周项目最后部署和调试,熬夜是必须的。

上面的优化昨晚以后用yslow将新主题和上次的typecho主题xmTheme v1.0进行yslow对比,成果是必须的。

旧主题yslow评分

xmTheme v1.0的yslow跑分

新主题yslow评分

新主题的yslow跑分

从C升到B那可是质的飞跃,关于更多的优化方案还有待以后继续探讨以及与各位交流。

换博客主题与主题优化

31 条用户评论。
  1. 评论 发表时间:12-09 17:04 1楼

    顺应移动互联网的新潮流啊

    1. 评论 发表时间:12-09 17:24

      是的呀。创新不了就得跟着走。。

  2. 评论 发表时间:12-09 19:52 2楼

    我以为我走错地方了。。。

    1. 评论 发表时间:12-09 20:58

      太对不起你了。。。哈哈,我觉得这个养眼啊,之前用那个看腻了

      1. 评论 发表时间:12-09 22:45

        会设计就是不一样啊,一会来个灵感就换个,羡慕嫉妒恨!

        1. 评论 发表时间:12-09 23:30

          养个主题其实也不简单,一个私用的主题比如说你的,集成了你无数次折腾的结晶...

          1. 评论 发表时间:12-10 10:45

            弄个回复插件嘛,每次非得来才知道留言有回复了。。。囧

            1. 评论 发表时间:12-10 18:13

              呀~原来没收到,我是用willin的插件然后自己配置smtp的,这个不稳定,发件只工作了1天。囧

              1. 评论 发表时间:12-10 18:25

                收到,没有话说了。。

                1. 评论 发表时间:12-10 18:38

                  继续观察能工作多久,不行就直接换回mail()发好了

                2. 评论 发表时间:12-11 14:07

                  回复 @飞天舞 在后台@你一下~

                  1. 发表时间:12-11 14:09

                    前台要以 @ID 才有引用对吧?还是觉得嵌套的直观

                  2. 发表时间:12-11 14:10

                    回复 @飞天舞 嗯嗯,是的。前台有空再加引用了。看看最近有什么能弄弄方便自己后台使用还好。哈哈

            2. 评论 发表时间:12-10 18:41

              非常有意思的是,今天刚被垃圾评论欺负...狂把你们拿来回复...刚好你提醒我才知道评论回复又坏掉了。少了一场灾难,哈哈。现在通知好了,加了filter但是要是有第二波评论你得负责噢。

  3. 评论 发表时间:12-09 19:54 3楼

    我的是:
    Grade B
    Overall performance score 89 Ruleset applied: YSlow(V2) URL: http://weburls.net/
    看来还可以再优化优化~~

    1. 评论 发表时间:12-09 20:58

      嗯,拿A不简单,你博客我现在基本都秒开啦,速度让我很妒忌,TOT

      1. 评论 发表时间:12-09 22:47

        我的图片好像没有合并,应该还可以再弄下。
        速度和在国内有很大的关系。。。

        1. 评论 发表时间:12-09 23:05

          纯色系都没设计....你还能再谦虚点麽...哈哈

  4. 评论 发表时间:12-09 21:20 4楼

    这皮很艳么。

    1. 评论 发表时间:12-09 21:28

      是简朴到娘娘都不认得了....

  5. 评论 发表时间:12-10 11:54 5楼

    你这个主题好像是typecho的默认主题又改了些东西。

    1. 评论 发表时间:12-10 18:57

      @散漫
      其实看上去差不多...默认主题梅花是最简单的了。但是默认他用了960grid后来直接被我K掉了。

    2. 评论 发表时间:12-12 13:20

      今天在loc发现了你之前的踪影...哈哈。

  6. 评论 发表时间:12-15 15:47 6楼

    啧啧,喜欢这种风格
    最近我也想搞主题了,但是期末了,实在是没空,得抓紧预习……o(╯□╰)o

    1. 评论 发表时间:12-15 17:15

      回复 @麦子花开 以前我有考试的时候不想复习就会做主题...后来压力所迫避免挂科悲剧还是忍忍,怪怪去泡馆好了。

  7. 评论 发表时间:12-23 20:41 7楼

    呀,很耀眼,。。鄙人喜欢绿色,象征生命、希望、、
    刚才在谷歌阅读器看到你博客这图,眼前一亮后来点进去却是你i的第一篇文章。
    后来在去谷歌阅读器却不见了,
    还以为看错了。。不知道怎么点的,就来了这里、!

  8. 评论 发表时间:01-01 10:23 8楼

    你好,我想问一下D2 for Typecho这个主题和willin kan的插件问题兼容性解决了吗……

    1. 评论 发表时间:01-24 11:10

      回复 @kxjhlele 到今为止还不知道什么原因呢

  9. 评论 发表时间:01-24 02:34 9楼

    看到你的旧博客 然后找了很久找到这个新的站了

    1. 评论 发表时间:01-24 11:08

      回复 @西安工业大学 额。我放在第一篇文章里面了。哈哈

  10. 评论 发表时间:04-10 22:28 10楼

    是原创吗

添加新评论 »