HTML中标签主要用于引入外部资源，如样式表（CSS）、图标（favicon）等。它在网页加载过程中起到关键作用，但也可能对页面性能产生影响，尤其是在资源较大或数量较多时。1. 标签的主要作用1.1 引入外部样式表（CSS）rel="stylesheet"：表示链接的是样式表。href="sty

HTML中的``标签远不止是引入CSS或图标的简单工具，它深刻影响着网页的加载性能与用户体验——虽然标签本身不阻塞HTML解析，但`rel="stylesheet"`会强制阻塞渲染和脚本执行，成为首屏性能的关键瓶颈；而`preload`、`prefetch`、`preconnect`等现代用法若配置不当，反而会抢占带宽、触发冗余请求甚至完全失效。真正决定页面快慢的，不是``的存在，而是你如何精准控制每类资源的加载时机、优先级与依赖关系：内联关键CSS、异步加载非关键样式、严格规范预加载位置与属性，才能让浏览器高效协作，而非互相拖累。

link 标签本身不阻塞 HTML 解析，但 rel="stylesheet" 会阻塞渲染（paint）和后续脚本执行——这是关键分水岭。其他 rel 值如 preload、icon、preconnect 均不阻塞解析或渲染。

为什么 rel="stylesheet" 会卡住页面？

浏览器在解析 HTML 遇到 时，必须暂停构建渲染树，直到 CSSOM 构建完成。这不是“加载慢”导致的卡顿，而是规范强制行为：CSS 是渲染必需资源，未就绪前不能显示任何内容（防止 FOUC）。

• 即使 CSS 文件体积很小，只要没返回 200 + 完整响应体，后续 DOM 渲染和