wmSafe致力于互联网资源
道可道,非恒道,名可名,非恒名

【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客

本文最后更新于2022-5-17,已经有704 天没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

前言

目前很多小伙伴的博客页面都是未经过压缩的,传输的二进制代码量会变多,主要是由于空格和换行等等占用了,这样使得传输效率变得低下,服务器带宽不好的同学当客户打开你的站点的时候会很慢,而且浪费服务器带宽。这里我给大家带来一种方法用于解决这个问题,本博客也是采用这个方法,适配任意主题。

让我们看看效果:
【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客

下面进入教程

添加核心代码到functions.php

默认官方模板路径:
/usr/themes/default/functions.php
其他主题也是一样的,找到functions.php
在最后一行添加这个代码:

function compressHtml($html_source) {
    $chunks = preg_split('/(<!--<nocompress>-->.*?<!--<\/nocompress>-->|<nocompress>.*?<\/nocompress>|<pre.*?\/pre>|<textarea.*?\/textarea>|<script.*?\/script>)/msi', $html_source, -1, PREG_SPLIT_DELIM_CAPTURE);
    $compress = '';
    foreach ($chunks as $c) {
        if (strtolower(substr($c, 0, 19)) == '<!--<nocompress>-->') {
            $c = substr($c, 19, strlen($c) - 19 - 20);
            $compress .= $c;
            continue;
        } else if (strtolower(substr($c, 0, 12)) == '<nocompress>') {
            $c = substr($c, 12, strlen($c) - 12 - 13);
            $compress .= $c;
            continue;
        } else if (strtolower(substr($c, 0, 4)) == '<pre' || strtolower(substr($c, 0, 9)) == '<textarea') {
            $compress .= $c;
            continue;
        } else if (strtolower(substr($c, 0, 7)) == '<script' && strpos($c, '//') != false && (strpos($c, "\r") !== false || strpos($c, "\n") !== false)) {
            $tmps = preg_split('/(\r|\n)/ms', $c, -1, PREG_SPLIT_NO_EMPTY);
            $c = '';
            foreach ($tmps as $tmp) {
                if (strpos($tmp, '//') !== false) {
                    if (substr(trim($tmp), 0, 2) == '//') {
                        continue;
                    }
                    $chars = preg_split('//', $tmp, -1, PREG_SPLIT_NO_EMPTY);
                    $is_quot = $is_apos = false;
                    foreach ($chars as $key => $char) {
                        if ($char == '"' && $chars[$key - 1] != '\\' && !$is_apos) {
                            $is_quot = !$is_quot;
                        } else if ($char == '\'' && $chars[$key - 1] != '\\' && !$is_quot) {
                            $is_apos = !$is_apos;
                        } else if ($char == '/' && $chars[$key + 1] == '/' && !$is_quot && !$is_apos) {
                            $tmp = substr($tmp, 0, $key);
                            break;
                        }
                    }
                }
                $c .= $tmp;
            }
        }
        $c = preg_replace('/[\\n\\r\\t]+/', ' ', $c);
        $c = preg_replace('/\\s{2,}/', ' ', $c);
        $c = preg_replace('/>\\s</', '> <', $c);
        $c = preg_replace('/\\/\\*.*?\\*\\//i', '', $c);
        $c = preg_replace('/<!--[^!]*-->/', '', $c);
        $compress .= $c;
    }
    return $compress;
}

【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客

在header.php中添加代码

默认官方模板路径:
/usr/themes/default/header.php
其他主题也是一样的,找到header.php
在第一行添加这个代码:


<?php ob_start();?>

【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客

在footer.php中添加代码

默认官方模板路径:
/usr/themes/default/footer.php
其他主题也是一样的,找到footer.php


<?php $html_source = ob_get_contents(); ob_clean(); print compressHtml($html_source); ob_end_flush(); ?>

【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客

最后注意

设置->评论中的反垃圾要关闭
【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客
因为这个影响到了压缩,开启这个反垃圾,官方的代码会自动在header.php中的头部插入几段反垃圾评论的JS,其实这个js很鸡肋没什么用,最好的反垃圾那就是开启验证码评论,外加接入评论审核等等插件

不兼容处理(重要)

有些主题的页面中的js是不规范的,结尾没有加上“;”所以在压缩的时候这类不规范的js代码也会影响到压缩。解决方案的在这些没有加“;”的js代码中加上例如:
【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客
最后如果发现有的页面排版出问题,请检查js,另外如果主题中加入了代码高亮功能,请在post.php页面中加上html标签“<nocompress>”来排除这些高亮代码,因为这类代码压缩的话会出问题,如图所示:
【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客
默认官方模板路径:
/usr/themes/default/post.php
其他主题也是一样的,找到post.php
其实关键就是找到这个“parseContent($this);”代码
把他包起来!把他包起来!把他包起来!

如有问题欢迎咨询站长QQ

错误案例

将核心代码放到了 ?> 标签外面
【typecho】typecho页面压缩提高传输效率,加速打开基于typecho搭建的博客
核心代码是需要放到 ?> 里面 夹起来(换个行)

本原创文章未经允许不得转载 | 若要转载请注明出处,否则将承担相应的法律责任!
本文链接: https://blog.wm404.com/2022/05/17/98d03264.html
赞赏排名 赞赏支持

评论 2

  • captcha
  1. 内容很棒,我可以转载吗

您的关注就是我们最大的支持

联系我们 关于我们