为什么需要 AMP 加速页面？

异步资源加载 ：图片、广告等第三方资源均采用延迟加载，优先呈现主体内容

元信息标签 AMP 页面必须包含 <meta charset="utf-8"> 、 &🔍lt;meta name="viewport" content="width=device-width,minimum-scale=1"> 以及 <meta name="description"> ，且内容与 canonical 页面保持一致

资源域名限制 AMP💯 页面中引用的图片、字体等资源必须使用 H💡TTPS 协议，且域名需在白名单范围内（一般建议使用与主站相同的域名）

AMP 的核心理念与限制

适配实践关键步骤 第一步：改造核心模板🌈 从现有页🎵面的 HTML 模板出发，剥离所有外部 JavaScript 和复杂 CSS