WordPress压缩前端页面提高访问速度节省流量方法

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-->

1 Star2 Stars3 Stars4 Stars5 Stars (无评分)
Loading...

分类:WordPress |

QQ在线客服

QQ客服