什么是AMP?
AMP(以前称为加速移动页面)是一个开源的HTML框架,可以帮助创建快速加载的移动优化网页。
因此,从本质上讲,AMP页面是常规网页的精简版。
它可以是这样的:
谷歌率先推出了与Facebook Instant Articles和Apple News竞争的开源项目。
这两种方法都允许发布者创建快速加载且易于消费的内容。
谷歌于2016年首次在移动搜索结果中提供AMP页面。他们被限制在serp顶部的“热门故事”部分。
是这样的:
它最初是为新闻出版商设计的。但后来扩展到包括所有类型的网页。
AMP是如何工作的?
AMP框架由三个基本组件组成:
AMP HTML
AMP JavaScript
AMP缓存
AMP HTML
AMP HTML是具有一定限制的HTML,以确保页面快速加载。它删除或修改一些元素和属性,可以减缓网页。
一个简单的HTML文件可以是这样的:
基本上,AMP HTML文档必须:
开始<!doctype html >(向浏览器发送信息,告诉浏览器期望得到什么类型的文档)
包括顶层或< html amp >标记(表示这是一个AMP HTML页面)
包括< >头和身体< >标签(用来定义文档的内容,如标题、段落、图片、超链接、表格等)
包括一个(表示页面的常规HTML版本,如果不存在常规页面,则链接到其本身)
包括一个< meta charset = “ utf - 8 “ >标记(指定字符编码)
包括一个 .标签(给浏览器指示如何控制页面的尺寸)
包括一个
<标题>你好,安培< /名称>
< link rel = “规范“
href = “ https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup/ “ >
< meta name = “ viewport “
内容= “ >