wordpress速度优化之压缩合并css,js-也说技术

wordpress速度优化-i飞扬

自从开站以来,小站的速度一直不快——当然,不客气的说是贼慢!随着Google修改网站价值的评定标准,把“网站载入速度”加入评定标准,网站的速度优化就刻不容缓了。

对于Wordpress网站的速度优化,不外乎一下几个方面:

  1. 减少HTTP 请求
  2. 优化图片,cssjs,减小体积
  3. 开启gzip压缩
  4. 开启缓存当然,cssjs放置位置,即页面的布局也很重要——你不能把大量的js放置在页首~诸如此类。

    老饕正式开启优化小博速度之旅~~先搞简单的,优化合并css,js。

    一.优化css,js代码

    使用Icey’s CSS CompressorCleanCSS在线压缩工具可以有效的简化CSS,但是有一定的概率会使页面改变原貌。其实CleanCSS压缩采用的就是CSSTidy,你可以下载一个CSSTidy离线工具进行压缩——在压缩之前最好先在W3C 验证确保你的原始码合乎规范,这样才可以减少出错的几率。

    js的压缩也是同样的方法,其实大部分插件中的js文件已经被作者压缩过了,真是省了我们很多时间。

    保持一份原始的css,js代码,以防那个什么~~呵呵

    二.合并css,js代码

    方法一:

    合并css,js代码,除了人力的粘贴~比如:

    将a.js、b.js、c.js……中的代码复制在一个文件中,保存为all.js。将原来调用a.js、b.js、c.js……的引用代码替换成: <script src="/××××/js/all.js" ></script> ,完后删除原js即可(当然你也可以不删的~~

    方法二:

    参阅阅微堂的合并的方法,因为自己动手合并,会对以后插件的升级有所影响,所以推介还是用这个方法:
    具体是建立一个新的all.js.php文件,内容是:

    1    <?php
    2    require_once(‘目录/wp-blog-header.php’ ) ;
    3    include ("/blog/a.js" ) ;
    4    include ("/b.js" ) ;
    5    ?>

    其实就是将header.php里面的那些js文件都include到all.js.php,然后在header里面包含all.js.php文件即可:

    <script xsrc="all.js.php" type="text/javascript"/>

    另外还要做的一件事情是需要把原来那些js文件从head里面去掉。通常这些js文件都是通过

    add_action('wp_head','fun' );

    这样的钩子添加到head里面的。在function函数的定义处去掉对应的代码,或者直接把这条语句删除即可。

    ps:最近老饕在折腾,如果哪位童鞋“不小心”发现”i飞扬“博客某处显示不正常了,一定记得告诉老饕喔!

    参考优化方案

    优化Wordpress-wp终极优化手册

    微草堂:加速blog



    分享到:
    版权申明

    本站所有文章,除特别标明外,皆为原创。如需转载,请注明出处:

    转载自:i 飞扬 分享精彩!
    原文链接:wordpress速度优化之压缩合并css,js-也说技术

    您的支持是我最大的动力!

    1. 好东西,不知道能成功不

      [点击回复]

    2. :roll: 百度了一下,觉得你写的这个比较好!

      [点击回复]

    3. 学习了。我准备用第一种方法啦。方便!

      [点击回复]

    4. 感觉有点难度,不敢操作。

      [点击回复]

    5. 搜到这篇文章了,呵呵,不只现在用还凑效不

      [点击回复]

      老饕 回复:

      @yesureadmin, 当然还是有效的啊!

      [点击回复]

    6. 很不错的一篇文章 我想知道FOOT这块怎么 优化 听说这块调用数据库挺严重的 以前看见个方法 现在也找不见了 欢迎光临我的博客 http://www.3fwx.tk :rolleyes:

      [点击回复]

      老饕 回复:

      @三分微笑个人博客, 会吗?foot很简单啊~最多有一些js~

      [点击回复]

    7. 我试了下,但是不行,合并JS的,有一个图片插件实现不了。

      [点击回复]

    8. 这个要好好学习….

      [点击回复]

      老饕 回复:

      @聪壹艮, 折腾无止境~

      [点击回复]

      • 老饕
      • 2009年12月27日

      @Chaolen, 现在还好吧?

      [点击回复]

    9. 今天貌似看到过这里首页全乱码。。。

      [点击回复]

      老饕 回复:

      @说一不二, 那是折腾的~~用了一个插件和gzip冲突~

      [点击回复]

    10. 真郁闷,不懂技术,看不懂

      [点击回复]

      老饕 回复:

      @网站优化, 就是简单的操作,其实谈不上什么技术的~

      [点击回复]

    11. 我GZIP都没打开!!

      [点击回复]

      老饕 回复:

      @81度, gzip能开就一定要开的~

      [点击回复]

      • 老饕
      • 2009年12月23日

      测试ing~~

      [点击回复]


    无觅相关文章插件,快速提升流量