移动端弱网下文本不显示的根源是html结构问题，关键文本必须直写在最前面、不嵌套、不隐藏，禁用无语义容器和display:contents，所有文本级元素须带lang属性，关键css仅内联首屏必需样式。
移动端弱网下文本不显示，不是 JS 没跑完，也不是 CSS 加载慢，而是 HTML 结构本身没扛住解析流——关键文字被包在 <div class="container"> 里、<code><main></main> 被压到页面中后、<h1></h1> 被 display: contents 吞掉，这些都会让浏览器在首屏解析完前就卡住。
首屏文本必须直写在
浏览器是流式解析 HTML 的，<h1></h1> 和 <p></p> 出现在哪一行，就决定了它最早什么时候能进渲染队列。任何“封装”都等于给文本加了一道门，门不开，内容就出不来。
-
<h1></h1>、<p></p>、<button></button>必须直接写在内，不能套在<div class="wrapper"> 或 <code><section data-lazy="true"></section>里 - 禁用
display: contents包裹文本容器——Safari 15.4 以下版本会丢上下文，导致白屏 - 别用
visibility: hidden或opacity: 0控制显隐，这些样式仍需等 CSSOM 就绪才能生效 - 所有文本级元素必须带
lang属性，比如<p lang="zh-CN"></p>，否则字体 fallback 时易触发重排（CLS） -
<main></main>必须且只能出现一次，且不能出现在<header></header>、<footer></footer>或<nav></nav>内 -
<section></section>需自带标题（<h2></h2>–<h6></h6>），否则优先用<div> <li> <code><nav></nav>只放导航链接，登录入口、搜索框、广告位一律剔除 - 标题层级必须连续：从
<h1></h1>到<h2></h2>到<h3></h3>，跳级（如<h1></h1>→<h4></h4>）会让辅助技术误判为新章节起点 - 用
critters或类似工具提取 layout / color / font-size / line-height 等基础规则，内联为<style></style> - 动画、栅格、悬停效果、
@keyframes、复杂媒体查询全部剥离，改用<link rel="stylesheet" href="non-critical.css" media="print" onload="this.media='all'">延迟注入 - 绝对禁用
@import：它强制串行加载，在 3G 下可能多拖 800ms - 外链 CSS 加
fetchpriority="low"，避免和文本资源争带宽 - 所有字体文件（
.woff2）必须加fetchpriority="high"，并配合rel="preload"提前声明 - 首屏
<h1></h1>所在<section></section>的背景图，加fetchpriority="high"+loading="eager" - 非可视资源（埋点脚本、广告 SDK）统一设
fetchpriority="low" - 图片必须带
decoding="async"，防止解码阻塞主线程；小图标优先用 inline SVG，绕过 HTTP 请求
语义标签不是装饰，错用等于删掉结构
把 <section></section> 当 <div> 用、在 <code><nav></nav> 里塞搜索框、<main></main> 嵌套进 <header></header>，这些操作不会让页面“看起来更规范”，而是直接切断屏幕阅读器和搜索引擎的解析路径。
关键 CSS 必须内联，但只内联真正影响首屏的那部分
把整个 style.css 内联进 是典型误区：体积大、无法卸载、仍阻塞渲染。真正要内联的，只是 LCP 元素（比如 <h1></h1> 父容器、正文段落）所需的最小样式集。
图片与字体资源必须提权，否则 fallback 会撑开布局
弱网下用户看到的不是“加载中”，而是“文字突然往下跳”——这是因为 .woff2 字体没及时加载，系统字体 fallback 后字宽不同；或是背景图延迟加载，导致 <h1></h1> 所在容器高度塌缩。
重构 HTML 不是调样式、也不是改 JS，而是重新决定哪些节点该出现在第一千个字节里——这个决策一旦定错，后续所有优化都只是在补漏。最常被忽略的，是 CMS 模板里那些看似无害的 <div data-content="title"> 占位符，它们在 JS 未执行前就是空的，而弱网下 JS 往往根本跑不完。</div>
