wordpress纯代码压缩HTML代码

压缩代码一般是网站优化加速之必不可少的一步,很多朋友喜欢用一些Gzip的插件来压缩,其实完全没有必要的,下面介绍一种简单的代码形式压缩HTML代码。

在主题文件夹下的functions.php中加以下代码

以下代码分为两段,第一段可以压缩代码,第二段的目的是解决因为压缩代码,导致html代码里的很多//注释挤到一行,使很多代码失去效果,特别是部分js代码失效。

  1. //压缩html代码
  2. function wp_compress_html(){
  3.     function wp_compress_html_main ($buffer){
  4.         $initial=strlen($buffer);
  5.         $buffer=explode("<!--wp-compress-html-->"$buffer);
  6.         $count=count ($buffer);
  7.         for ($i = 0; $i <= $count$i++){
  8.             if (stristr($buffer[$i], '<!--wp-compress-html no compression-->')) {
  9.                 $buffer[$i]=(str_replace("<!--wp-compress-html no compression-->"" "$buffer[$i]));
  10.             } else {
  11.                 $buffer[$i]=(str_replace("\t"" "$buffer[$i]));
  12.                 $buffer[$i]=(str_replace("\n\n""\n"$buffer[$i]));
  13.                 $buffer[$i]=(str_replace("\n"""$buffer[$i]));
  14.                 $buffer[$i]=(str_replace("\r"""$buffer[$i]));
  15.                 while (stristr($buffer[$i], '  ')) {
  16.                     $buffer[$i]=(str_replace("  "" "$buffer[$i]));
  17.                 }
  18.             }
  19.             $buffer_out.=$buffer[$i];
  20.         }
  21.         $final=strlen($buffer_out);
  22.         $savings=($initial-$final)/$initial*100;
  23.         $savings=round($savings, 2);
  24.         $buffer_out.="\n<!--压缩前的大小: $initial bytes; 压缩后的大小: $final bytes; 节约:$savings% -->";
  25.         return $buffer_out;
  26.     }
  27.     ob_start("wp_compress_html_main");
  28. }
  29. add_action('get_header', 'wp_compress_html');
  30. //自动在存在高亮代码的文章收尾插入免压缩注释
  31.   function Code_Box($content) {
  32.       $matches = array();
  33.       //一下是匹配高亮代码的关键词,本代码适用于 Crayon Syntax Highlighter 插件,其他插件请自行分析关键词即可
  34.       $c = "/(crayon-|<\/pre>)/i";
  35.       if(preg_match_all($c$content$matches) && is_single()) {
  36.           $content = '<!--wp-compress-html--><!--wp-compress-html no compression-->'.$content;
  37.           $content.= '<!--wp-compress-html no compression--><!--wp-compress-html-->';
  38.       }
  39.       return $content;
  40.   }
  41. add_filter( "the_content""Code_Box" );

脚下留心:

1、当我们的WordPress站点有某些页面或功能出现问题的时候,我们可以按照以下格式来添加标签以避免某些代码被压缩而出错。

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

2、本文这个功能只是压缩WordPress站点前端的HTML代码,如果想要压缩CSS代码的话,个人建议人工压缩,也就是通过复制主题的style.css文件中的CSS代码到一些压缩代码的在线工具中,比如这个,通过美化或压缩,然后再复制粘贴回style.css文件即可。

 

觉得好的话记得打赏赞助小灰灰哦,小灰灰灰更有动力的,谢谢

小灰灰

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:7   其中:访客  2   博主  5


    Warning: A non-numeric value encountered in /www/wwwroot/xiaohuihui.net.cn/wp-content/themes/begin/inc/function/comment-template.php on line 20
    • avatar 沐雨橙风 博主

      wordpress纯代码压缩HTML代码

        • avatar 小灰灰 3

          @沐雨橙风 hello

          • avatar 沐雨橙风 博主

            @沐雨橙风

              • avatar 小灰灰 博主

                @沐雨橙风 你好

            • avatar 一叶知秋 1

              当我们的WordPress站点有某些页面或功能出现问题的时候,我们可以按照以下格式来添加标签以避免某些代码被压缩而出错。

                • avatar 小灰灰 博主

                  @一叶知秋 兴之所至, 乐享生活
                  加油

                  • avatar 小灰灰 博主

                    @一叶知秋 加油 :oops: :oops: :oops: