WordPress纯代码实现前端代码压缩高效提升网站加载

对于前端的代码是直接影响到百度搜索抓取效率的,如何高效的对WordPress主题前端代码进行压缩来提升网站加速呢,下面分享一段代码给大家使用,这个前端代码压缩方法可以高效优化前端访问,但是需要注意,对于部分主题是会对前端的调用动态脚本产生负面影响的,就是说可能导致功能不可用或是错误提示。

第一、实现WordPress前端代码压缩功能

//无插件压缩WordPress前端代码
function wp_compress_html(){
function wp_compress_html_main ($buffer){
$initial=strlen($buffer);
$buffer=explode("<!--wp-compress-html-->", $buffer);
$count=count ($buffer);
for ($i = 0; $i <= $count; $i++){
if (stristr($buffer[$i], '<!--wp-compress-html no compression-->')) {
$buffer[$i]=(str_replace("<!--wp-compress-html no compression-->", " ", $buffer[$i]));
} else {
$buffer[$i]=(str_replace("\t", " ", $buffer[$i]));
$buffer[$i]=(str_replace("\n\n", "\n", $buffer[$i]));
$buffer[$i]=(str_replace("\n", "", $buffer[$i]));
$buffer[$i]=(str_replace("\r", "", $buffer[$i]));
while (stristr($buffer[$i], ' ')) {
$buffer[$i]=(str_replace(" ", " ", $buffer[$i]));
}
}
$buffer_out.=$buffer[$i];
}
$final=strlen($buffer_out);
$savings=($initial-$final)/$initial*100;
$savings=round($savings, 2);
$buffer_out.="\n<!--压缩前的大小: $initial bytes; 压缩后的大小: $final bytes; 节约:$savings% -->";
return $buffer_out;
}
//WordPress后台不压缩
if ( !is_admin() ) {
ob_start("wp_compress_html_main");
}
}
add_action('init', 'wp_compress_html');
//当检测到文章内容中有代码标签时文章内容不会被压缩
function unCompress($content) {
if(preg_match_all('/(crayon-|<\/pre>)/i', $content, $matches)) {
$content = '<!--wp-compress-html--><!--wp-compress-html no compression-->'.$content;
$content.= '<!--wp-compress-html no compression--><!--wp-compress-html-->';
}
return $content;
}
add_filter( "the_content", "unCompress");

将代码添加到当前主题的Functions.php文件中。

第二、不需要进行压缩的代码需要特别备注出来

<!--wp-compress-html--><!--wp-compress-html no compression-->

如果不希望被压缩的代码填写到这个里

<!--wp-compress-html no compression--><!--wp-compress-html-->

这个功能就是保护我们容易出错的代码,提供的避免问题部分出现的解决方案。

0

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
没有账号? 忘记密码?

社交账号快速登录