外部资源加载顺序由标签类型、位置和属性共同决定；link rel="stylesheet"须紧贴head开头，script需按需添加defer或async，preload须置于head最前，img必须设宽高且首屏禁用lazy。

外部资源加载顺序不是“谁先写谁先载”，而是浏览器解析 HTML 时，按标签类型、位置和属性共同决定的执行链。错放一个 或漏写 defer，首屏就可能白屏几百毫秒。

为什么 必须紧贴 开头

它不阻塞 HTML 解析，但会阻塞后续 <script></script> 执行和页面渲染。如果把它放在 <script></script> 后面，浏览器得先等 JS 下载执行完，再回头发起 CSS 请求——双重延迟。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 真实错误现象：DOMContentLoaded 延迟触发，Network 面板里 CSS 请求排在很靠后
• 例外情况：非关键 CSS（如 print 样式）可用 media="print" 或 rel="preload" + JS 动态注入
• 绝对禁用 @import：它在 CSS 文件内串行加载，比 多一次 RTT，实测拖慢 FCP 300ms+

<script></script> 放在 前 ≠ 安全，关键看有没有 defer

没加属性的外部脚本，哪怕写在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！