首页 » 技术文档

优化Wordpress–给网站大提速

<?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