哲学思辨

只推崇克里希那穆提

商业观察

你会看到拜物教以外的视角

管理思维

人本以外的都是伪管理

精华转载

价值因分享而倍增

静观人生

出世要深,入世要勤

首页 » 技术文档

优化Wordpress–给网站大提速

作者: 蔡子方 | 2008年10月7日暂无评论 | 已阅8次

  Wordpress的功能非常强大,诸多的plugin、花哨的theme,使得它的读取速度也急剧下降。因此,如何优化以加快访问者的浏览速度便成了wper们思考的问题。

  关闭一切不必要的插件:

  Wordpress能够安装大量的插件是好事也是坏事。这些插件能够极大的丰富你网站的功能,但同时它也会拉慢你网站的速度。象 MyAvatars, Recent Comments, Top Commentators等就可以去掉。因为只要你的文章内容是有吸引力的,你的读者一定绝不会因为这些小小的功能而抛弃你。对于网站,速度和文章内容比 某些很 Cool 的功能更重要,在安装插件之前,首先问一下自己,你是否必须要此插件,尽可能的降低插件数量。

  使用wp-super-cache功能:

  • 合并JS和CSS文件:不少插件都有自己的JS文件,系统在读取这些文件时候会产生大量的http requests,产生的延迟约为0.2秒/个。因此将所有的JS和CSS文件合并,会大大加快页面的读取速度。这里我采用的是阅微堂的手动合并的方法
    手动合并是一个方法,但是容易弄错,而且不太好修改。另一个方法是建立一个新的all.js.php文件,内容是:

    <?php
    require_once(’目录/wp-blog-header.php’ ) ;
    include (”/blog/a.js” ) ;
    include (”/b.js” ) ;
    ?>

      就是将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里面的。在fun函数的定义处去掉对应的代码,或者直接把这条语句删除即可。
      对CSS文件也可以用同样的处理方式。CSS文件一般都不多,这时候可以直接手动把它们都贴到一起。
      另外js文件的载入位置也很重要,放在越后面越好,让浏览器先下载html代码。像Google Analytics的js代码最好放在文件最后。

    移除不必要的PHP动态调用

      这一条会真正让你的WP跑起来!你是否看过你的 header.php, footer.php 和 single.php 文件?这些文件中有大量的PHP 函数反复调用同一种信息。例如:一些函数对你的博客名字和标题反复调用:
    <title><?php bloginfo(’name’); ?> <?php
    bloginfo(’description’);?></title>
      其实你完全可以将这些动态的调用替换成静态HTML,John在他的博客里至少替换了十个没用的调用,主要有下面三种:
    <link rel=”shorcut icon” type=”image/x-ico” href=”<?php
    bloginfo(’template_url’); ?>/favicon.jpg” />
    <link rel=”stylesheet” type=”text/css” media=”screen” href=”<?php
    bloginfo(’stylesheet_url’); ?>“/>
    <link rel=”alternate” type=”application/rss+xml” title=”RSS .92?
    href=”<?php bloginfo(’rss_url’); ?>” />
      操 作方法:打开你的一个页面,点预览源代码,找出输出地址(说白了就是上面那些代码在输出后的表现形式)。进入你的后台管理控制面板-外观 (Presentation)-模板编辑(Theme Editor),找到上面提到的那些动态调用,用你查出的静态输出地址替换就可以了。当然,可以自己找一下,哪些地方可能用静态地址替代动态调用。秦爱建 议,替换之前备份相关文件。

      利用Image Map减少meta部分的image读取量:
      这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替,并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。
      这 里以我siderbar下方的meta图标为例。我使用的Two Columns的模版,因此,除了index.php文件外,还会有一个siderbar.php文件,meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标,所以我们可以截图后粘贴到photoshop,然后利用Slice Tools对图片进行分割,分割完成可在每个Slice上右击鼠标,读取Slice的属性,记下 下图中的X,Y,W,H坐标值。
      来源:http://www.crescentdev.cn/?p=158

  • 本站文章除注明转载外,均为本站原创

    转载请注明: 文章转载自[商业哲学评论]-Business&Philosophy Reviews

    本文标题: 《优化Wordpress–给网站大提速》

    本文链接地址: http://www.busiphi.com/wordpressspeedup/

    相关博文:

    1. 优化Wordpress-wp终极优化手册 ...
    2. wordpress图片插件Lightbox 2 ...
    3. 博客推广站点收集 ...
    4. Wordpress 播放MP3的几种方法 ...
    5. WordPress 插件——GooglePR ...

    

    我要抢沙发…… »

    • #1
      WELCOMETOHELL 说:

      У меня скоро в bookmarks место закончится, но я рад добавлять с вашего блога и дальше ссылки на интересные темы!

      [回复]

    • #2
      WENTWORTH 说:

      Значит всё-таки отреагировали… Долго что-то :)

      [回复]

    • #3
      XAЛAШKA 说:

      Что-то у меня в Файрфоксе дизайн вашего сайта расползается…

      [回复]

    --不妨留下您的观点--

    icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif