
资源提示 (Resource Hints) 是提升页面加载速度的高级技术 SEO 手段。它们允许开发者在浏览器等待资源时提前发出请求或连接。
三种资源提示的用途:
- <link rel=”preload”>: 预加载当前页面所需的关键资源(如 LCP 图片、关键 CSS 或字体),但不阻塞渲染。
- <link rel=”preconnect”>: 预连接到跨域所需的源,节省 DNS 查找、重定向和 TCP 握手时间。适用于 CDN 或第三方分析脚本。
- <link rel=”prefetch”>: 预取用户下一步可能会访问的页面或资源,但该资源对当前页面不关键。优先级很低。
使用指南:
- 避免滥用 Preload: 只预加载首屏所需的关键资源。过度使用反而会降低性能。
- 优先 Preconnect: 对于所有第三方域,优先使用
preconnect以节省连接时间。
警告: preload 属于高优先级下载。如果预加载了非关键资源,可能会延迟关键资源的加载时间,反而降低 LCP。
