优先砍掉阻塞渲染的script和link rel="stylesheet"，尤其未设media的样式表及无async/defer的脚本；删除非首屏语义标签、空容器、picture/srcset及冗余meta，控制html体积在8kb内。
弱网下首屏加载卡顿，优先砍掉什么？
移动端弱网最直接的体感是白屏时间长，核心矛盾在 HTML 解析阻塞渲染。关键不是“压缩体积”，而是“切断阻塞链”。script 和 link rel="stylesheet" 是头号杀手，尤其内联 CSS 超过 2KB 或未标记 media 的样式表，会强制浏览器等待解析完才开始绘制。
- 非关键 CSS 提取为异步加载：用
rel="preload"+onload注入，或改用rel="stylesheet" media="print"后 JS 切换 media - 所有
script标签必须带async或defer，内联脚本超过 1KB 拆出成外部文件 - 删除所有
document.write()、eval()、同步 XHR，这些在弱网下极易触发超时中断 -
<img>必须带loading="lazy"，且src不要写占位图 base64（增加 HTML 体积），改用data-src+ JS 懒加载
HTML 结构里哪些标签能删就删？
弱网环境不拼功能完整，拼首屏可交互速度。很多语义化标签在首屏无实际作用，纯增解析开销。
- 去掉
<header></header>、<footer></footer>、@#@#@#@#@#@#@#@#@#@0 | wc -c，目标控制在 8KB 以内（含空格换行）
弱网优化不是堆技巧，是持续剔除“默认假设”——比如默认需要完整 DOM、默认样式必须立刻生效、默认图片必须原图加载。真正卡住用户的，往往是你觉得“应该有”的那部分。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
