老薛主机帮助中心

WordPress压缩前端页面对网站本身没有任何影响，也不影响网站的收录排名。相信有一点网站前端开发经验的朋友都知道HTML和CSS都可以压缩，也就是去掉注释和空格，这样可以压缩页面大小，提高加载速度和节省流量。

CSS文件我们可以使用一些在线工具压缩后直接上传到主机，但WordPress的前端页面HTML代码是由PHP输出的，而且是动态输出的内容，因此不能使用压缩CSS的方式。

使用插件压缩

安装插件实现WordPress前端页面的压缩无疑是最简单的，插件名称为minify-html-markup，可以直接在你的WordPress站点后台搜索安装，也可以通过以下地址下载：

https://wordpress.org/plugins/minify-html-markup/

启用插件后，一般默认的设置即可，各设置项介绍如下：

• Minify HTML：压缩前端HTML代码；
• Minify inline JavaScript：压缩嵌入到HTML中的JS代码，如果导致JS无法正常运行，可以设置为否；
• Remove HTML, JavaScript and CSS comments：删除注释；
• Remove XHTML closing tags from HTML5 void elements：从HTML5 void元素中删除XHTML结束标记；
• Remove relative domain from internal URLs：删除引用资源链接的域名部分，站外资源不受影响；
• emove schemes (HTTP: and HTTPS:) from all URLs：删除URL链接是协议（http或https）；
• Support multi-byte UTF-8 encoding (if you see odd characters)：支持多字节UTF-8编码。

使用代码压缩

将以下代码复制到主题文件functions.php里：

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("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];
}
return $buffer_out;
}
ob_start("wp_compress_html_main");
}
add_action('get_header', 'wp_compress_html');

如果希望某段JS代码不要压缩，则添加如下代码：

<!--wp-compress-html--><!--wp-compress-html no compression-->
不需要压缩的代码
<!--wp-compress-html no compression--><!--wp-compress-html-->