减少页面白屏时间的核心是让用户尽快看到首屏内容，聚焦网络传输优化、资源加载顺序调整、渲染阻塞消除和用户感知提升四方面。
减少页面白屏时间，核心是让浏览器更快地渲染出第一块可见内容。关键不在于“等所有资源加载完”，而在于“让用户尽快看到东西”。重点落在网络传输、资源加载顺序、渲染阻塞和用户感知这四个层面。
缩短关键资源获取时间
白屏往往始于 HTML 还没拿到，或拿到了但被 CSS/JS 卡住无法绘制。要优先保障首屏所需资源的快速抵达：
HISUI 前端框架开发指南（IRIS版）
下载
HISUI 前端框架基础开发指南。HISUI 是基于 easyui 二次开发的 jQuery UI 组件库，专为医疗信息系统设计。当涉及 HISUI 组件开发、jQuery easyui 表格/表单/布局/窗口、医疗系统前端页面编写时使用此 skill。 涵盖 40 个组件的官方文档参考，支持声明式与编程式两种初始化方式，提供 $cm/$m 数据访问方法。
- 启用 Gzip 或 Brotli 压缩服务端返回的 HTML、CSS、JS，减小体积
- 使用 CDN 分发静态资源，缩短物理距离带来的网络延迟
- 对关键域名做
<link rel="dns-prefetch">预解析，提前完成 DNS 查询 - 对首屏必需的资源（如主 CSS）可考虑内联（inline），避免额外请求
- 服务端开启 HTTP/2，支持多路复用，减少请求排队等待
避免渲染阻塞
浏览器遇到未标记 async 或 defer 的 <script></script>，会暂停 HTML 解析；遇到 <link rel="stylesheet">，会阻塞渲染直到 CSSOM 构建完成。这些都会拉长白屏时间：
- 将非首屏 JS 标记为
async（无依赖）或defer（有执行顺序要求） - 把
<script></script>标签移到
