preconnect必须写在中且仅支持完整协议+域名，不支持路径或省略协议；需为跨域字体等CORS资源添加crossorigin属性，建议控制在3–6个关键域名以内。
不是给 CSS 文件本身加的，而是给它所在的域名加的。如果你用
引入的是 CDN 上的 CSS（比如
），那真正要预连接的是
这个源，不是 CSS 路径本身。
为什么
必须写在
里且不能带路径
浏览器只在解析 HTML 的早期阶段才处理
提示，晚了就失去意义。它只接受完整协议 + 域名（如
），不支持路径（
）或省略协议（
）——后者会被忽略或触发降级为
。
错误写法：
（协议缺失，部分浏览器不识别）
错误写法：
（含路径，浏览器直接忽略）
正确写法：
什么时候必须加
如果目标域名上的 CSS（或字体、JS）会触发 CORS 请求（比如你用
加载跨域字体，或通过
读取该域名资源），就必须加
属性，否则预连接可能白做——浏览器不会复用未标记 CORS 的连接来加载需要凭证的资源。
需要加：
（Google Fonts 字体资源需 CORS）
可不加：
（纯静态 CSS，无 JS/fetch 交互）
值可以是空字符串或
，二者等效；不要写成
或
，后者非法
加几个合适？别超浏览器并发上限
Chrome 最多维持 6 个空闲 preconnect 连接，每个都占一个槽位。加太多不仅没收益，还可能挤掉真实请求的连接机会，尤其在弱网下更明显。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
只对首屏必现的关键第三方源加：CDN 域名、字体服务（
/
）、核心 API 域名
避免对分析脚本、广告、埋点等低优先级域名使用
同一域名重复声明会被忽略，但没必要写两遍
如果域名同时用 HTTP 和 HTTPS，只写 HTTPS 版本（HTTP 已基本淘汰）
最容易被忽略的一点：preconnect 不等于“越早加越多越好”。它只对明确会在几秒内发起请求的域名有效；如果页面后续根本没从该域名加载任何资源，这个连接会在约 10 秒后被浏览器主动关闭，纯属浪费。所以每次加之前，先确认那个域名下的资源是否真被用了、且用得早。
preconnectlinkhttps://cdn.example.com/style.csshttps://cdn.example.compreconnectpreconnecthttps://fonts.googleapis.comhttps://cdn.example.com/css///cdn.example.comdns-prefetchcrossorigin@font-facefetch()crossorigincrossorigin"anonymous"crossorigin=""crossorigin="true"fonts.googleapis.comfonts.gstatic.compreconnect