加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > CMS系统 > wordpress > 正文

wordpress 博客优化历程(速度)

发布时间:2020-12-14 14:44:27 所属栏目:wordpress 来源:网络整理
导读:我的优化步骤是: 1.压缩CSS和JS文件,并修改一部分插件,优化页面的载入进程 一般需要另外加载JS或者CSS的插件都会存在 add_action(wp_head,xxxx) 或者 add_action(wp_footer,xxxx) 这两句代码,目的是把自己的脚本或者样式插入到主题的 wp_head() 和 wp_fo

我的优化步骤是:

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,缩短文件的加载时间

=') 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*/','/[tnr]/','//*.+?*//'),array('1','',''),$cssdata);//清除注释和换行符等 echo $cssdata;//输出代码

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读