压缩代码一般是网站优化加速之必不可少的一步,很多朋友喜欢用一些Gzip的插件来压缩,其实完全没有必要的,下面介绍一种简单的代码形式压缩HTML代码。
在主题文件夹下的functions.php中加以下代码
以下代码分为两段,第一段可以压缩代码,第二段的目的是解决因为压缩代码,导致html代码里的很多//注释挤到一行,使很多代码失去效果,特别是部分js代码失效。
脚下留心:
1、当我们的WordPress站点有某些页面或功能出现问题的时候,我们可以按照以下格式来添加标签以避免某些代码被压缩而出错。
2、本文这个功能只是压缩WordPress站点前端的HTML代码,如果想要压缩CSS代码的话,个人建议人工压缩,也就是通过复制主题的style.css文件中的CSS代码到一些压缩代码的在线工具中,比如这个,通过美化或压缩,然后再复制粘贴回style.css文件即可。
本文永久更新地址:http://liuyanzhao.com/2324.html
转载请注明
在主题文件夹下的functions.php中加以下代码
以下代码分为两段,第一段可以压缩代码,第二段的目的是解决因为压缩代码,导致html代码里的很多//注释挤到一行,使很多代码失去效果,特别是部分js代码失效。
- //压缩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');
- //自动在存在高亮代码的文章收尾插入免压缩注释
- 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" );
脚下留心:
1、当我们的WordPress站点有某些页面或功能出现问题的时候,我们可以按照以下格式来添加标签以避免某些代码被压缩而出错。
- <!--wp-compress-html--><!--wp-compress-html no compression-->
- 此处代码不会被压缩,主要是避免压缩带来的错误,比如JS错误
- <!--wp-compress-html no compression--><!--wp-compress-html-->
2、本文这个功能只是压缩WordPress站点前端的HTML代码,如果想要压缩CSS代码的话,个人建议人工压缩,也就是通过复制主题的style.css文件中的CSS代码到一些压缩代码的在线工具中,比如这个,通过美化或压缩,然后再复制粘贴回style.css文件即可。
本文永久更新地址:http://liuyanzhao.com/2324.html
转载请注明
2017年03月13日 23:22:56
有的CSS压缩了就GG了~~
2017年03月13日 10:00:27
感谢分享
2017年03月12日 23:33:10
CSS压缩我就是通过在线的压缩好再复制粘贴回去的,感觉这样比较好。这个压缩代码压缩前端的HTML代码就好