•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

wordpress博客怎样优化【CMS教程】,wordpress

摘要: wordpress博客怎样优化?我的优化步骤是:1.紧缩CSS和JS文件,并修正一部分插件,优化页面的载入历程平常须要别的加载JS或许CSS的插件都邑存在add_action(”wp_...

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博客怎样优化的细致内容,更多请关注ki4网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号