HTML加载慢主因是阻塞渲染、路径错误致404、base64内联增大体积、缺少压缩缓存及file://协议限制;应通过Network面板定位瓶颈,用本地服务器替代双击打开。

HTML 页面加载慢,八成不是 HTML 本身大,而是它触发的阻塞、错误路径、冗余内联或缺失压缩让浏览器反复卡住。直接开 Network 面板看 transfer size 和 waterfall 时间线,比猜快得多。
为什么本地双击打开 HTML 就卡得明显
file:// 协议下浏览器禁用 gzip/Brotli、跳过 DNS 预解析、不支持 HTTP/2、无法缓存跨域资源,甚至 fetch 加载本地 JSON 都可能被静默拒绝。所有服务端优化全失效,路径错一个、404 一次、base64 图片塞进 HTML 一串,就立刻暴露。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML,微信编辑器可直接渲染,无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 检查所有
src和href路径是否真实存在,尤其注意./js/app.js和js/app.js的差异 - 禁用所有
data:image/...内联图片——它们直接增大 HTML 解析体积,50KB base64 图片会让首屏延迟 100ms+ - 别用
document.write(),它会清空当前文档流并重置解析器,本地环境尤其敏感 - 临时起个本地服务器(如 Python 的
python3 -m http.server)再测,能快速排除 file:// 限制干扰
DOMContentLoaded 延迟但 HTML 已下载完
这是典型的渲染阻塞信号:HTML 文件本身很小,但浏览器被某个同步行为卡在解析中途。常见于未加 defer 或 async 的脚本,或内联 <style></style> 含复杂选择器。
-
<script src="analytics.js"></script>必须移到


















