CSS优化

是否注意到,即使你在WordPress中打开了gzip压缩,CSS也不会被压缩,而是直接作为文本传送。虽然CSS本身是会被缓存,只在第一次影响速度。但是对于一个新读者很多的Blog,上K的CSS仍然不小。在我一个论坛的统计数据中,CSS消耗了最多的流量。

CSS优化有两种策略,简化CSS,使用gzip压缩。

  1. 简化CSS
    根据Bloggingpro的报告Icey’s CSS Compressor(需要代理)和CleanCSS可以有效的简化CSS,但是有一定的概率会使页面改变原貌。
    他们的原理基本上都是去除多余空格和换行,合并相同条目等,最后产生一个完全不适合人类阅读的CSS。
    压缩率大概在50%以下。
  2. 使用gzip压缩
    1. WP-CSS-Streamliner插件
      安装激活,它会自动检查CSS,将分散的CSS合并到一起,并且启用gzip压缩。
      但是它与All-In-One-SEO-Pack有已知的兼容性问题,作者称并不是自己的原因,但愿意以后把它解决掉。
    2. 把CSS变为php,使用php的gzip
      这个方法理论上来说不会有任何兼容问题,只需要稍稍改一下模板。
      把style.css改名为style.css.php,在模板的header.php中将原本指向style.css的链接改到style.css.php。
      并且在style.css.php最开始加上

      <?php if(extension_loaded(‘zlib’)){ob_start(‘ob_gzhandler’);} header(“Content-type: text/css”); ?>

      最后加上

      <?php if(extension_loaded(‘zlib’)){ob_end_flush();}?>

      复制的时候请检查是否和这里显示的一致。