今天,Google官方博客已宣布由搜索巨头Accelerated Mobile Pages(AMP)发起一项新的开放计划,该计划旨在加快移动设备上的网页的速度。我们正在谈论Web程序员使用特殊的AMP HTML库的情况,该代码的技术预览状态可在github上找到。该库的非官方符号是闪电“⚡”,从而暗示了它在移动设备上的工作速度。AMP HTML认为,网页的性能在很大程度上取决于实现各种动态功能的各种库的JavaScript代码的数量。鼓励开发人员使用专门为AMP HTML设计的Web组件,而不是将Javascript明确或隐含地用于各种投票或视频等元素。可以在此处找到此类组件的列表。这些组件的JS代码不应影响网页的性能。现在,AMP HTML库仅包含4个组件和一个特殊的验证器,您可以使用其验证页面是否根据AMP标准创建。如果在URL上添加“#development = 1”,则库将执行一系列assert方法,以查找页面布局是否适合AMP原理,并将结果打印到浏览器控制台。一个简单的网页应如下所示:<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<link rel="canonical" href="hello-world.html" >
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
<script src="https://cdn.ampproject.org/v0.js" async></script>
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
</head>
<body>Hello World!</body>
</html>
对于现成的AMP文档的示例,Google建议尝试搜索-您可以从移动设备通过以下URL访问它:g.co/ampdemo。您可以在gif动画的帮助下评估它的外观:
该文档有一个版本,更简单:它只是在谈论AMP的思想。