美好的明天

前言

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编码。

也可参考下图我的设置

至此就完成了前端HTML代码压缩优化，刷新网页查看源代码就可看到压缩后效果！