可直接删除的link标签包括：重复的favicon备用标签、与preconnect共存的dns-prefetch、无人维护的RSS alternate、已淘汰的CSS重置样式。
哪些 link 标签能直接删，不用犹豫
不是所有出现在 <head> 里的 <link> 都有存在必要。现代浏览器和主流框架已淘汰大量旧机制，留着只会拖慢解析、增加 DNS 查询和网络请求。
-
<link rel="icon" href="favicon.ico">后面跟一堆尺寸相同的备用标签（比如重复的sizes="16x16"或同路径不同 type）——只保留最常用的一到两个，.png+.ico足够覆盖绝大多数设备 -
<link rel="dns-prefetch" href="//cdn.example.com">和<link rel="preconnect" href="//cdn.example.com">共存时，后者已隐含前者能力，删掉dns-prefetch那条 -
<link rel="alternate" type="application/rss+xml" ...>：除非你真有 RSS 订阅用户且在主动维护，否则它只是白占 100+ 字节，还可能被爬虫误抓 -
<link rel="stylesheet" href="reset.css">这类“重置样式”——2026 年多数项目用 CSS Reset 已无必要，Normalize.css 或 modern-normalize 更轻量，或干脆用all: unset局部重置
rel="preload" 和 rel="stylesheet" 能合并吗
不能硬合并，但可以避免冗余加载。常见错误是既写 <link rel="preload" as="style" href="main.css">，又写 <link rel="stylesheet" href="main.css">，结果浏览器下载两次。
- 如果用了
preload，必须加onload行为（如动态插入<style>或切换rel），否则资源就卡在 preload 队列里不生效 - 更稳妥的做法是：关键 CSS 内联（
<style>...</style>），非关键 CSS 用<link rel="stylesheet" media="print" onload="this.media='all'">延迟加载 -
preload只适合极少数高优先级资源（如首屏字体、核心 CSS），滥用反而触发更多竞争请求，Lighthouse 会标红 “Render-blocking resources”
href 路径重复或相对路径太深怎么办
多个 <link> 指向同一域名下的不同子路径（如 css/a.css、fonts/b.woff2、img/c.svg），虽不报错，但会触发多次 DNS 查询和 TCP 握手——尤其当域名没做 preconnect 或 HTTP/2 多路复用未启用时。
- 统一静态资源域名（如
static.example.com），并在<head>最上方加一条<link rel="preconnect" href="https://static.example.com"> - 避免
../../assets/css/theme.css这种深路径：改用根相对路径/assets/css/theme.css，减少解析开销，也方便构建工具定位 - 构建时检查重复
href：Webpack/Vite 插件或简单grep -r '<link.*href' src/ | sort | uniq -c | grep -v ' 1 '就能揪出重复引入
为什么删完还是有 8 个 <link>？重点看这三处
真正难精简的不是显性标签，而是框架/模板自动注入、CMS 插件生成、或第三方 SDK 带来的隐藏 <link>。它们常藏在服务端渲染输出或 JS 动态插入中，HTML 源码里看不到，但 Network 面板里清清楚楚。
立即学习“前端免费学习笔记（深入）”；
- Next.js/Nuxt 等框架默认注入
<link rel="preload" as="image" ...>用于图片优化，若你禁用了next/image或nuxt/image，就得关掉对应插件配置 - WordPress 主题常通过
wp_enqueue_style()注入十几条<link>，其中很多是 admin-bar、emoji、wp-block-library 的样式，生产环境应移除 - 某些 A/B 测试 SDK（如 Optimizely、Google Optimize）会在运行时插入
<link rel="stylesheet">，这类资源无法提前精简，只能靠 CSP 或资源拦截策略控制
精简头部 <link> 的终点不是数越少越好，而是每个都经得起问：“删了它，首屏渲染会变慢、图标会不显示、SEO 会掉权、还是社交分享图会挂？”——答不出理由的，就该删。
