首页 > Wordpress > 用插件合并你的JavaScript和CSS——WP Minify

用插件合并你的JavaScript和CSS——WP Minify

YSlow中有一项是 Make fewer HTTP requests,也就是说减少些HTTP连接请求。但当你的网站增加一副图片,加一个JavaScript,又会增加一次HTTP,减慢一点访问速度。可见性能与个性成反比例。于是有人想出了办法,合并。

JS的合并方法一般都是把各个JS文件的内容按顺序放在一个JS中,以减少HTTP请求的目的。当然这个方法也会非常的麻烦,详情请讯10086

像我这种懒人当然放弃了,可看到大把大把的JS穿插其间,总是觉得不爽。无意中发现了一款能合并JavaScript和CSS的插件。

WP Minify

FYI

  • Version: 0.6.3
  • Last Updated: 2010-1-26
  • Requires WordPress Version: 2.7 or higher
  • Compatible up to: 2.9.1
  • Author Homepage »
  • Plugin Homepage »
  • This plugin integrates the Minify engine into your WordPress blog. Once enabled, this plugin will combine and compress JS and CSS files to improve page load time.

    How Does it Work?

    WP Minify grabs JS/CSS files in your generated WordPress page and passes that list to the Minify engine. The Minify engine then returns a consolidated, minified, and compressed script or style for WP Minify to reference in the WordPress header.

    插件的后台设置非常简单,只需勾选Enable JavaScript Minification和Enable CSS Minification,并要设置插件cache的文件夹权限。我现在的插件JS和主题JS都被合并成了

    js 31.9K 14.6K http://zhangyu.im/wp-content/plugins

    来看一下效果

    Before:

    Yslow评分

    评分为B (点击放大)

    Yslow

    众多CSS和JS严重拖慢了加载速度(点击放大)

    Now

    启用插件后YSlow评分

    启用插件后YSlow评分(点击放大)

    看来这个插件对提升网页载入速度是非常有效的,且配置简便,推荐给向我一样懒的Bloger以及博客主题和插件的Javascript和CSS实在太复杂的小朋友一用~

    评论 ( 有超过16条评论已经发布,几乎能说任何事 )
    1. 二 5th, 2010 @ 04:17 | #1
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.6b4 Windows Windows Vista

      啊哈~~~~~你的名字~~~~~~~~~啊哈哈哈哈~~~~~

    2. 不許起名。 二 5th, 2010 @ 10:42 | #2
      REPUBLIC OF KOREA REPUBLIC OF KOREA class="WB-OS">Google Chrome Google Chrome 5.0.307.1

      用了這個後,會把統計代碼也給合併了,統計會失效.. :evil: :evil: :evil:

    3. 章鱼 二 5th, 2010 @ 12:04 | #3
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.6 Windows Windows 7

      @不許起名。
      我把统计代码插到footer的前面,应该行的,我用google统计的

      @鱼
      你剽窃我创意 我要告你 :grin:

    4. 园子 二 5th, 2010 @ 12:39 | #4
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.7 Windows Windows XP

      我的插件已经够多了。

    5. Auston Jary 二 6th, 2010 @ 09:46 | #5
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.6 Windows Windows 7

      为什么我测试出来是C…

    6. 二 7th, 2010 @ 20:13 | #6
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.6b4 Windows Windows Vista

      @章鱼
      我是来看看剽窃嘛了的~~

    7. 秦大少 二 7th, 2010 @ 22:14 | #7
      CHINA CHINA Google Chrome Google Chrome 3.0.195.0 Windows Windows 7

      我试试看 点广告以示感谢!

    8. 章鱼 二 8th, 2010 @ 11:14 | #8
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.6 Windows Windows 7

      @秦大少
      谢谢啦

      @园子
      我也有十几个的了

      @Auston Jary
      选Small Site or Blog这个

    9. 水天一线 二 8th, 2010 @ 18:33 | #9
      CHINA CHINA Internet Explorer Internet Explorer 6.0 Windows Windows XP

      新年快乐,顶

    10. 吖Bee 二 9th, 2010 @ 09:52 | #10
      CHINA CHINA Google Chrome Google Chrome 5.0.317.2 Windows Windows XP

      用过…不过后来没用…有点小小小问题…

    11. 章鱼 二 9th, 2010 @ 09:55 | #11
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.6 Windows Windows 7

      @水天一线
      新年快乐 喜迎2012

      @吖Bee
      可以添加黑名单的

    12. Firm 二 9th, 2010 @ 20:26 | #12
      CHINA CHINA Google Chrome Google Chrome 4.0.249.78 Windows Windows XP

      不错,看来速度会快不少

    13. 园子 二 10th, 2010 @ 11:58 | #13
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.7 Windows Windows XP

      新年了,园子祝您新年快乐!

    14. 吖Bee 二 11th, 2010 @ 10:06 | #14
      CHINA CHINA Google Chrome Google Chrome 5.0.317.2 Windows Windows XP

      群发之威力!再次降临 :lol:

    15. 章鱼 二 11th, 2010 @ 15:16 | #15
      Mozilla Firefox Mozilla Firefox 3.6 Windows Windows 7

      @园子
      新年快乐

      @Firm
      :lol:

      @吖Bee
      哈哈 最近流行SPAM

      @水天一线
      新年快乐!

      @吖Bee
      可以设置排除的JS或CSS :evil:

    16. 百毒博客 二 13th, 2010 @ 11:12 | #16
      CHINA CHINA Mozilla Firefox Mozilla Firefox 3.5.7 Windows Windows XP

      谢谢,我现在就去下载一个来用。

    您的评论正在上传至章鱼全球敏感词研究中心,数据库正在配对中,请稍候...

    留言

    
    可以使用的标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
    Trackbacks & Pingbacks ( 0 )
    1. 还没有 trackbacks