AE视讯 加速原理

本文档为您详细阐释 AE视讯( - 移动网页加速器) 是一套应用于移动网页的开放性技术标准,使用 AE视讯无需等待加载,页面内容将以更友好的方式瞬时到达用户。

经过精心设计的 JavaScript

򡿡Ρ硿š硿¡͡ΥСΪͨ͡桿

AE视讯 引用原则:

  • ϣ㡿󡿡ȺڡӻԾ١ءԡ١ˡġšϢϡ񡿡ܡءڡץ񡿡ѡ㡿ӡɡˡ󡿡3աڡСˡʵڡˡʵ󡿡5աڡࡿӦġ١𡿡
  • 可以引用 AE视讯组件 6١Эءץ񡿡ʵʩ硿š硿թƭΥӡɡˡ document.write() ۡС֡
  • 1١Эء顿1硿š硿š

所有静态资源需要标明尺寸

Ϊ䡿֡㡿󡿡ˡ񡿡ȺڡΡ롿򡿡硿š硿¡͡ΥġԡСۡСӡ2020꡿4¡16ա𡿡ڡȫСΧڡʵС򡿡硿š硿¡͡Υ١ơȡġ񡿡ԡ֡ʽ򡿡ء١¡ʵ᡿ߡԡ١ҡѡ㡿֡ץ񡿡硿š硿Υӡɡˡءˡʵġ衿֡𡿡꡿׼Ϊ document.write() 5١Эءץ񡿡1桿ӡʵʩ硿š硿թƭϡӡ

ץ񡿡2桿ӡʵʩ硿š硿թƭӡɡˡ顿֤ʵġ3򡿡Ԫˡ񡿡ҡ

不允许任何机制阻止页面渲染

[𡿡ࡿ:֣ö] <AE视讯-ad><AE视讯-iframe> ץ񡿡10ԡϡ桿ӡʵʩ硿š硿թƭӡɡˡ顿֤ʵġ8򡿡Ԫˡ񡿡ҡ layout 和渲染。

控制外部资源加载

ץ񡿡10ԡϡ桿ӡʵʩ硿š硿թƭӡɡˡ顿֤ʵġ8򡿡Ԫˡ񡿡ҡ

封装交互功能

5١Эءץ񡿡1桿ӡʵʩ硿š硿թƭϡӡ

建议使用 inline 的 CSS

ץ񡿡2桿ӡʵʩ硿š硿թƭӡɡˡ顿֤ʵġ3򡿡Ԫˡ񡿡ҡ

只允许 GPU 加速的动画

AE视讯 只允许用 transformsopacity 顿֤ʵġ1򡿡Ԫˡ񡿡ҡ

AE视讯 缓存

AE视讯 [𡿡ࡿ:֣ö]AE视讯-Cache 2١Эء顿1硿š硿ѡ㡿

开放且持续更新

AE视讯 是一个开源项目,所有的标准并非一成不变。我们会持续不断进行优化,期待您的共同参与!