WordPress 前端网页代码压缩优化

前端 138
3个月前

将代码粘贴到 WordPress 主题目录下的 functions.php 文件


//压缩 html 代码 
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 &lt;= $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("nn", "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;
}
ob_start("wp_compress_html_main");
}
add_action('get_header', 'wp_compress_html');

压缩注释


<!--wp-compress-html--><!--wp-compress-html no compression-->
此处代码不会被压缩,主要是避免压缩带来的错误,比如 JS 错误
<!--wp-compress-html no compression--><!--wp-compress-html-->

在有高亮代码的文章首尾插入免压缩注释


//自动在存在高亮代码的文章首尾插入免压缩注释
  function Code_Box($content) {
    $matches = array();
    //一下是匹配高亮代码的关键词,本代码适用于 Crayon Syntax Highlighter 插件,其他插件请自行分析关键词即可
    $c = "/(crayon-|</pre>)/i";
    if(preg_match_all($c, $content, $matches) && is_single()) {
        $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", "Code_Box" );

本文来源于:张戈博客

相关文章

WordPress 获取文章内所有图片

将下列代码添加至functions.php function hui_get_thumbnail( …

54
1个月前
WordPress 不同分类使用不同的文章模板

方法一:根据模板文件名进行判断 1.将下面的代码添加到当前主题的 functions.php 文件:…

80
1个月前
WordPress 纯代码实现外链跳转

第一步、新建go文件夹和index.php 新建一个go文件夹,然后在里面加一个index.php,…

98
1个月前

共有0条评论

评论本文