• 注册
当前位置:1313e > 默认分类 >正文

AMP是如何提升性能?

AMP简介

Google推出移动网页加速项目AMP
AMP介绍

AMP是如何提升性能?

以下的优化点是AMP页面能被快速加载的原因:

  • 只允许异步脚本
  • 静态计算资源尺寸大小
  • 不让 外部插件阻塞渲染
  • 让所有第三方JavaScript离开关键路径
  • 所有CSS必须内联
  • 字体触发必须高效
  • 最小化样式重计算
  • 只运行GPU加速动画
  • 加载资源的优先级策略
  • 瞬间加载页面

下面这个视频是APM引擎的lead ,Malte Ubl对AMP的介绍,内容跟下面的段落差不多。

只允许异步脚本

JavaScript很强大,它能修改页面的所有东西,但是它也会阻塞DOM的构建并延迟页面的渲染(使用 JavaScript 添加交互)。为了防止JavaScript延迟页面渲染,AMP只允许异步的JavaScript。

AMP页面不能包括自己写的JavaScript,相反,页面的交互特性用自定义的AMP元素处理。自定义的AMP元素的背后可能有JavaScript代码,但是它们都是经过精心设计而不会导致性能下降。

虽然在内联框架中运行第三方JS,但是它不能阻塞渲染。比如,如果第三方JS用 性能特别差的document.write API 它也不会阻塞主页面渲染。

静态计算资源尺寸大小

外部资源,比如图片、广告、内联框架