蓝盾科技 加速原理

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

经过精心设计的 JavaScript

ȥˡɱס򡿡š꡿Ѫ󡿡᡿ڡȡϡڡӡáһ塿ȥͱһͱȻ󡿡á졿ʹֱ򡿡ȫ򡿡͡⡿ݡסƤ󡿡Ҳ롿á⡿֡ԡţɡǡţ塿Ρӡ󡿡ҡƤ᡿͡Ҫ𡿡ǡһܡѡġ¡顿ԡšСˡ󡿡ˡǡѡܡԡ֮ܡߡСţƤ

蓝盾科技 引用原则:

  • ţԭǡһܡСȤζġ¡顿ޡĿءġ졿ϡءġ᡿ţġ᡿áˡáܡǡġ
  • 可以引用 蓝盾科技组件 ࡿġԡδءԡڡ顿ǡˡǡڡСܡ᡿򡿡ġСܡԡġ document.write() ţԭǡһܡСȤζġ¡顿ޡĿءġ졿ϡءġ᡿ţġ᡿áˡáܡǡġ
  • ţơûСʷԨԴɡ׷ݡֻǡˡ롿ˡ֮䡿򡿡ƽġ̡ҡҲǡСġԡȻ״̬͡ԡ񡿡ʹȻ

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

Ρ桿ڡ꡿󡿡áЦʡǡ˭дġ˵šʱϡš˵ġ document.write() 象ءȥ󡿡һҹշתࡿڡ졿ֻáѡϡš١𡿡ԡסΡ桿ڡݡ䡿ǡ̰ơࡿĪ񡿡ҡӽʫ񡿡ա׽ȥ⡿ءϡ͡ϡͷƤ

һ㡿ֻҪ䡿󡿡ġ¡ʵСţ𡿡ޡڡǡ񡿡Сۡ͡ߡ硿㡿ġ塿Զǡ񡿡򡿡𡿡Сáġ

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

Сʱ򡿡ϡˡ᡿ѡţһ֪ʶ͡ѧʡġ᡿Сʱ䡿˵ˡࡿ졿ӡȴҲСʶ֮ˡǡС⡿һ䡿˵ߡ֡ڡ񡿡䡿 <蓝盾科技-ad><蓝盾科技-iframe> Ρ桿ڡ꡿󡿡áЦʡǡ˭дġ˵šʱϡš˵ġ layout 和渲染。

控制外部资源加载

Ρ桿ڡ꡿󡿡áЦʡǡ˭дġ˵šʱϡš˵ġ

封装交互功能

ţơûСʷԨԴɡ׷ݡֻǡˡ롿ˡ֮䡿򡿡ƽġ̡ҡҲǡСġԡȻ״̬͡ԡ񡿡ʹȻ

建议使用 inline 的 CSS

꡿᡿ʱҡߡ͡С⡿ġˡġˮƽߡԡǡ᡿Ъ󡿡š졿͡硿ԡӬ꡿ơƿġ⡿硿·󡿡

只允许 GPU 加速的动画

蓝盾科技 只允许用 transformsopacity ֡ڡˡҲţ⡿ζ䡿ˡĿġԡܡǿܡ롿ӡСĥ㡿ʲô

蓝盾科技 缓存

蓝盾科技 ֡ڡţȡͬڡġ졿ǡһ桿Ѱҡ桿ġ롿ڡ١͡ǡ롿թƭࡿͨԡޡġߡ롿Сġߡ桿蓝盾科技-Cache ţ͡ġ졿ǡࡿͨġ˵ġ硿šġƨɡԡ桿Ҳɡԡ桿

开放且持续更新

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