注册会员
×

已有账号? 请点击

使用其他方式登录

HTML源码网

WordPress页面优化html代码压缩 无插件纯代码方式

发布时间:2020-03-27 15:21:48 浏览量:587 来源:测速网

压缩网站前端代码的好处就不再细说,回顾前几天,谷歌网站测速就分享了《WordPress 轻量级优化压缩前端页面提速插件 Autoptimize》,这是插件法实现 WordPress 前端 html 代码压缩优化,对于很多博主站长而言,很多时候都不喜欢使用插件,觉得 WordPress 插件会拖慢站点速度,所以今天就跟大家分享纯代码实现 WordPress 前端 HTML 代码压缩优化的教程。

//压缩html代码 
function wp_compress_html(){
    function wp_compress_html_main ($buffer){
        $initial=strlen($buffer);
        $buffer=explode("", $buffer);
        $count=count ($buffer);
        for ($i = 0; $i ')) {
                $buffer[$i]=(str_replace("", " ", $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";   
    return $buffer_out;
}
if ( !is_admin() ) { 
        ob_start("wp_compress_html_main");
    }
}
add_action('init', 'wp_compress_html');

排除后台不压缩,只针对前台进行压缩,压缩生效的范围更大。

绕过压缩注释


此处代码不会被压缩,主要是避免压缩带来的错误,比如JS错误

只有这样包裹代码,被包裹的代码才不会被压缩,网上分享的大部分方法都是无效的。

一般可以把代码里的 script脚本 前后进行包括以免压缩后出错。

如果wordpress使用了 Crayon Syntax Highlighter 高亮插件,那么启用代码压缩之后,你会发现在文章页面双击代码切换到纯文本模式时,会发现代码全挤在一团了!好吧,全都给压缩了。

解决办法

function unCompress($content) {
    if(preg_match_all('/(crayon-|)/i', $content, $matches)) {
        $content = ''.$content;
        $content.= '';
    }
    return $content;
}
add_filter( "the_content", "unCompress");

同理如果使用的是 pure  highlightjs 高亮插件按下面方法修改即可

function unCompress($content) {
    if(preg_match_all('/(pure-highlightjs|)/i', $content, $matches)) {
        $content = ''.$content;
        $content.= '';
    }
    return $content;
}
add_filter( "the_content", "unCompress");

这样就可以大大的减少html输入的大小 减小页面传输大小,在压缩前后,可以右键页面查看大小,一般能减少个10-30%左右。

image.png

在线工具导航

×
  • 微信支付
  • 支付宝付款
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

关注公众号

微信扫码
微信扫码关注公众号后可使用