规范化标签 <link rel="canonical"> 是技术 SEO 中处理重复内容的“魔术贴”。它告诉搜索引擎，哪个 URL 是一个页面的首选（规范）版本，从而合并排名信号。

Canonical 的正确用法：

• 自我引用： 即使页面没有重复内容，也应在页面的 HTML 头部添加自我引用 Canonical 标签，以防止 URL 参数或追踪代码生成隐性重复页面。
• 跨域规范化： Canonical 也可以指向其他域名下的页面（例如内容联合发布）。
• 针对参数 URL： 对于筛选、排序产生的 URL (如 /products?color=blue)，Canonical 应该指向其主 URL (如 /products)。

错误示例与陷阱：

1. Canonical 到 404/500： 规范化目标 URL 必须是可访问的，否则信号会丢失。
2. Canonical 链： 避免 A -> B -> C 的多重 Canonical 指向。
3. 与 Noindex 混用： 请勿在同一页面上同时使用 Canonical (索引请求) 和 Noindex (非索引请求)。

重要： Canonical 只是一个“提示”，而非“指令”，但搜索引擎通常会遵循它。

关键渲染路径 (Critical Rendering Path, CRP) 是浏览器将 HTML、CSS 和 JavaScript 转换为屏幕上可见像素所经历的一系列步骤。优化 CRP 是提升页面加载速度和 Core Web Vitals 的核心。

CRP 的基本流程：

1. DOM 构建： 浏览器解析 HTML 字节，构建 DOM 树。
2. CSSOM 构建： 浏览器解析 CSS，构建 CSSOM 树。
3. 渲染树构建： DOM 和 CSSOM 合并形成渲染树。
4. 布局 (Layout)： 计算所有元素的位置和大小。
5. 绘制 (Paint)： 将像素绘制到屏幕上。

如何加速 CRP？

目标是尽快完成布局和绘制，即减少阻塞渲染的资源：

• 内联关键 CSS： 将首屏所需的 CSS 直接写在 <style> 标签中。
• 异步加载非关键 CSS： 使用 <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">。
• 延迟 JS： 对不影响首屏的 JavaScript 使用 async 或 defer 属性。