---
title: "wordpress压缩前端页面的可爱小代码"
url: "https://yjyj.net/learn/wordpress-learn/4738.html"
author: "小 虾 (生猛大蝦编辑部)"
published_at: "2014-10-06T20:01:55+08:00"
updated_at: "2014-10-06T20:01:55+08:00"
categories: "WordPress 学习"
tags: "CSS布局技巧, VPS主机评测, wordpress, WordPress开发, 网站"
summary: "这篇 WordPress 实战笔记教你用一段可爱的小代码压缩前端 HTML，减少页面空白字节、提升加载效率。适合没预算折腾高配服务器、又想保留缓存生成流程的站长，直接放进 Functions.php 即可用，还能用注释标记保留不压缩片段。"
source: "生猛大蝦 (https://yjyj.net)"
---

# wordpress压缩前端页面的可爱小代码

> 来源：[生猛大蝦 (yjyj.net)](https://yjyj.net/learn/wordpress-learn/4738.html) · 作者：小 虾 · 发布时间：2014-10-06

## 30 秒核心看点 (TL;DR)

- 不用插件也能压缩前端 HTML，直接在 Functions.php 里加输出缓冲代码即可。
- 对已生成缓存的站点更友好，避免为压缩 HTML 额外依赖复杂插件功能。
- 可用特定注释包住不想压缩的代码段，兼顾体积优化与页面兼容性。

像哥这样的屌丝站长娃子,没钱去搞起流弊配置的服务器或者vps,就只好在程序上下手啦.
删除所有前端页面内的空格,是一个不错的节约页面字节大小的办法.
之前哥一直使用Autoptimize这个腻害的插件,它不仅能够压缩html,还能把css与js合并.但是哥的小囧客圈因为使用了cos-html-cache生成html,每次更新缓存都需要重新生成页面.
这样下来,就仅仅用到压缩html的功能了,如果是这样,那不如使用下面的可爱的代码版:

代码添加至 Functions.php 

```
/*  
*压缩html代码‎  
*/  
function wp_compress_html()   
{   
  
function wp_compress_html_main ($buffer)   
{   
    $initial=strlen($buffer);   
    $buffer=explode("", $buffer);   
    $count=count ($buffer);   
  
    for ($i = 0; $i

## 延伸问答与排错指南 (FAQ)

### WordPress 前端 HTML 怎么压缩？
可在主题的 Functions.php 中加入输出缓冲压缩函数，自动去掉空格、换行和制表符，从而减小页面体积。适合只想做 HTML 压缩、不想引入复杂插件功能的站点。

### 缓存页面还能用这种压缩代码吗？
可以。文章场景里就是因为页面已由缓存机制生成，插件的合并 CSS/JS 功能用不上，所以改用纯 HTML 压缩代码更轻量，也更贴合实际需求。

### 如何让某段代码不被压缩？
在需要保留的内容前后加上指定注释标记即可，压缩函数会识别这些标记并跳过该段。这样能避免特殊代码、格式敏感内容被误处理。

---
更多 Linux 运维、WordPress 性能优化、前端工程化、Shopify 独立站与极客折腾指南：[生猛大蝦全站文章归档 (https://yjyj.net/archive)](https://yjyj.net/archive)