WordPress前端html代码压缩优化

类似的优化插件有很多(底部有),如果不想安装插件的同学也可以试试下面代码!压缩效果可见本站。
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 <= $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;  
}  
ob_start("wp_compress_html_main");  
}  
add_action('get_header', 'wp_compress_html');  
// 压缩html代码 - 结束  

代码版也可以对不想被压缩的地方加上特定的注释进行排除,方法如下:

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

如果使用了Crayon Syntax Highlighter高亮插件,为了防止“代码切换到纯文本模式时,代码全挤在一团”,可在function.php中加入以下代码:

/* Crayon Syntax Highlighter高亮插件不启用压缩 */  
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");  

如何查看成功?在页面查看源码底部有:就是成功了!

wordpresshtml代码压缩优化的工具有很多,如果你不需要多余功能可以考虑WP-HTML-Compression插件,Autoptimize优化插件有相似的功能,它的主要作用是——删除前端页面所有空行和制表符等不必要的内容、简化代码,从而实现加速 WordPress 的效果。你甚至不需要做任何设置,下载,安装,启用。不要小看页面中的空行,删去后可以节省大量载入时间,这也就是为什么 jQuery、Bootstrap 等文件要提供“Uncompressed”和“Compressed”版的原因。

参考文章:

WordPress前端html代码压缩优化,附对应知更鸟主题压缩报错的解决方案
https://zhangge.net/4731.html
WordPress前端html网页代码压缩优化(插件版和代码版)
http://www.ilxtx.com/wordpress-html-compression.html


 继续浏览关于 技术WordPress 的文章

 本文最后更新于 2019/06/22 17:33:47,可能因经年累月而与现状有所差异

 引用转载请注明:icret > 教程 > WordPress前端html代码压缩优化