如何使用纯代码实现WordPress前端html代码压缩优化

发布时间:2022-02-22 10:44:14 作者:小新
来源:亿速云 阅读:445

这篇文章主要介绍如何使用纯代码实现WordPress前端html代码压缩优化,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

纯代码实现WordPress前端html代码压缩优化,php代码如下:

/**
 * 前端html代码压缩
**/
function wp_compress_html($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;
}

调用方法:在footer.php页末尾</html>标签后添加如下php代码:

$html=ob_get_contents();
ob_get_clean();
echo wp_compress_html($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;
}

以上是“如何使用纯代码实现WordPress前端html代码压缩优化”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 使用html5+canvas+Jquery实现的纯代码连线题
  2. 纯代码制作wordpress上下篇,分类上下篇

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

php wordpress html

上一篇:jQuery如何获取HTML元素内容和属性

下一篇:JavaScript HTML DOM文档对象模型的示例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》