删掉过时代码可显著减小HTML体积。移除废弃的、等标签，精简属性，用替代多图堆砌，避免重复加载，真正实现“不传即减”。
直接删掉旧 HTML 文档里那些浏览器早就不需要的代码，体积能明显下降——不是靠压缩，而是靠“不传”。
删掉所有过时的 <meta http-equiv> 和冗余 name 属性
HTML5 不再需要模拟 HTTP 头或声明编码方式（<meta http-equiv="Content-Type"> 或 <meta http-equiv="X-UA-Compatible">），现代浏览器默认用 UTF-8 和标准模式。
-
<meta charset="UTF-8">留着，但只写这一行就够了 -
<meta http-equiv="X-UA-Compatible" content="IE=edge">可以整个删掉（IE 已停服，且该声明对非 IE 浏览器无意义） -
<meta name="viewport">保留，但去掉冗余参数如user-scalable=no（除非业务强依赖）
移除 <font></font>、<center></center>、<u></u> 等废弃标签及其内联样式
这些标签在 HTML5 中已被废除，不仅体积大，还会触发浏览器兼容模式解析，拖慢渲染。CSS 替代方案更轻、更可控。
- 把
<font color="#333">文本</font>改成<span style="color:#333">文本</span>（或更好：用 class + 外部 CSS） -
<center></center>全部替换成text-align: center或margin: 0 auto -
<u></u>不要用来“加下划线”，改用text-decoration: underline；若只是语义强调，用<em></em>或<strong></strong>
精简 <script></script> 和 <link> 的冗余属性
HTML5 允许省略部分可选属性，尤其在现代浏览器中已成事实标准。
立即学习“前端免费学习笔记（深入）”；
-
<script type="text/javascript"></script>→ 直接写<script></script>（MIME 类型默认就是 JS） -
<link rel="stylesheet" type="text/css" href="a.css">→ 删掉type="text/css" -
<img src="x.jpg" alt="" border="0">→border属性早已无效，删掉 - 避免重复加载：检查是否有多个
<script src="jquery.js"></script>或同名 CSS 被引入多次
用 <picture></picture> + srcset 替代多图 <img alt="HTML5怎样简化旧HTML文档体积_删冗余代码减加载时间【体积】" > 标签堆砌
老文档常见为适配不同设备手动写几组 <img alt="HTML5怎样简化旧HTML文档体积_删冗余代码减加载时间【体积】" > 并用 JS 切换，既臃肿又阻塞渲染。HTML5 原生支持响应式图片，由浏览器按需加载。
<picture> <source media="(min-width: 768px)" srcset="hero-large.jpg"> <source media="(min-width: 480px)" srcset="hero-medium.jpg"> <img src="hero-small.jpg" alt="Hero"> </picture>
注意：<source></source> 不会下载，只有匹配条件的 srcset 才被请求；<img alt="HTML5怎样简化旧HTML文档体积_删冗余代码减加载时间【体积】" > 是 fallback，必须保留。
真正减体积的关键不在“怎么压”，而在“哪些根本不用传”。很多老 HTML 里藏着十几年前为兼容 Netscape 或 IE5 写的 hack、注释、空标签、重复 meta，它们至今还在悄悄增加首字节延迟。动手前先用浏览器 DevTools 的 Network 面板看下实际加载的 HTML 字节数，改完再比——差值往往比你预想的更实在。
