前端之家收集整理的这篇文章主要介绍了
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)这句删掉,然后手工把所需的文件插入到主题模板里。
2.压缩CSS和JS,缩短文件的加载时间
压缩,去除了代码里的注释、无用的空格和换行符。我们也可以用YUI来压缩一下自己的脚本,压缩率能达到30%~70%。由于软件版的YUI安装过程比较复杂,这里有个。而CSS的压缩就比较简单,就是去除换行符、空格和注释,大家可以用压缩一下。但主题的style.css头部被注释掉的主题信息不能删掉,否则可能导致主题不正常。对于CSS的压缩,很多人用的PHP压缩。编写名为style.css.PHP的文件,内容如下:
=') 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;//
输出代码 原文链接:https://www.f2er.com/wordpress/15497.html