wordpress博客怎么优化-WordPress

wordpress博客怎样优化？

我的优化步骤是：

1.紧缩CSS以及JS文件，并修正一局部插件，优化页面的载入过程

普通需求另外加载JS或许CSS的插件城市存正在add_action(”wp_head”,”xxxx”)或许add_action(”wp_footer”,”xxxx”)这两句代码，目的是把本人的剧本或许款式拔出到主题的wp_head()以及wp_footer()处，使插件能够失常工作（那些反映说插件激活了但看没有到成果的人留意了，我察看到相称一局部人所应用的主题不克不及失常加载插件的剧本，缺的就是这两个函数了）。

上面转回正题。咱们需求优化载入过程，也就是流量整形，把CSS文件移到head里（这点100%的插件都能做到，不必担忧），把JS文件放正在页面最初。咱们能够把add_action(xxxx)这句删掉，而后手工把所需的文件拔出到主题模板里。

保举：《WordPress教程》

2.紧缩CSS以及JS，缩漫笔件的加载工夫

常常用jQuery写剧本的人应该比拟分明，未紧缩版的jQuery库（1.3.2）巨细为120K阁下，但min版的只有56K。由于jQuery库min版通过YUI Compressor紧缩，去除了了代码里的正文、无用的空格以及换行符。咱们也能够用YUI来紧缩一下本人的剧本，紧缩率能达到30%~70%。因为软件版的YUI装置进程比拟复杂，这里有个正在线版。

而CSS的紧缩就比拟简略，就是去除了换行符、空格以及正文，各人能够用正在线对象紧缩一下。但主题的style.css头部被正文掉的主题信息不克不及删掉，不然可能招致主题没有失常。

关于CSS的紧缩，不少人用的PHP紧缩。编写名为style.css.php的文件，内容以下：

代码以下:

if ( extension_loaded('zlib') and !ini_get('zlib.output_compression') and ini_get('output_handler') != 'ob_gzhandler' and ((version_compare(phpversion(), '5.0', '>=') and ob_get_length() == false) or ob_get_length() === false) ) {
ob_start('ob_gzhandler');
}else{
ob_start();
}
//反省能否含有Gzip相干模块，有的话就采纳Gzip传输，假如主机有Apache mod_deflate.c或其它等效模块的话，能够没有写这段
@header("Cache-Control: public");
@header("Pragma: cache");
//缓存文件
$expiresOffset = 3600*24*365;
@header( "Vary: Accept-Encoding" );
@header( "Expires: " . gmdate( "D, d M Y H:i:s", time() + $expiresOffset ) . " GMT" );
//设置缓存工夫
@header('Content-Type: text/css');//申明文件类型
$cssdata = file_get_contents('style.css');//读取style.css的内容
$cssdata = preg_replace(array('/\s*([,;:\{\}])\s*/', '/[\t\n\r]/', '/\/\*.+?\*\//'), array('\\1', '',''), $cssdata);//肃清正文以及换行符等
echo $cssdata;//输入代码

把这个文件放正在主题文件夹里，并把主题CSS的加载代码改成

代码以下:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style.css.php" type="text/css" media="all" />
</link>

当然JS文件也能够用PHP进行优化，但因为通常状况下加载的JS文件比拟多，我经过另外一个文件来直接加载JS。建设一个名为js.php的文件，内容以下：

代码以下:

if ( extension_loaded('zlib') and !ini_get('zlib.output_compression') and ini_get('output_handler') != 'ob_gzhandler' and ((version_compare(phpversion(), '5.0', '>=') and ob_get_length() == false) or ob_get_length() === false) ) {
ob_start('ob_gzhandler');
}else{
ob_start();
}
//一样是Gzip紧缩的语句
$js_folder = "js/";//JS文件所正在目次，绝对门路
$js_src = urldecode( htmlspecialchars( $_GET['src'] ) );//猎取JS文件名
$js_file = $js_folder.$js_src;//JS文件地位
@header("Cache-Control: public");
@header("Pragma: cache");
//缓存文件
$expiresOffset = 3600*24*365;
@header( "Vary: Accept-Encoding" ); // Handle proxies
@header( "Expires: " . gmdate( "D, d M Y H:i:s", time() + $expiresOffset ) . " GMT" );
//设置缓存工夫
@header('Content-Type: text/javascript; charset: UTF-8');//申明文件类型
$jsdata = file_get_contents($js_file);
echo $jsdata;
//输入内容

把这个文件放正在主标题录下，正在主题文件夹里建设一个JS文件夹，把所需的JS文件都放到这个文件夹里。改写一下主题，用如下形式加载JS文件：

代码以下:

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js.php?src=library.js"></script>

假如你的主机有Apache mod_deflate.c模块，根本上能够疏忽下面的办法，由于只要要正在.htaccess文件里退出如下代码就能够完成全站Gzip传输了。并且紧缩率更高。

代码以下:

<ifmodule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript
</ifmodule>

3.整合CSS以及JS文件

通过下面一番折腾当前，其实页面载入速率曾经快不少了，但速率是不尽头的，咱们谋求更快。搞无可搞当前，只能从缩小HTTP申请数下手了，这一步的目的只管即便整合一切的CSS以及JS。

整合CSS比拟简略，用各类支流阅读器测试几个页面，没发现框架错位景象，把相干的CSS里的代码粘贴到style.css里，并把相干的CSS-image也复制到主标题录下，修正一下CSS里的图片门路就好了。

JS的整合办法则复杂点，要搞分明那些剧本需求正在工具加载前加载，不然是有效的，而且要留意没有同插件的JS抵触成绩。

整合完CSS以及JS后，重返第一步，把插件里加载剧本以及款式的语句删掉。

以上就是wordpress博客怎样优化的具体内容，更多请存眷资源魔其它相干文章！