丽宫国际 加速原理

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

经过精心设计的 JavaScript

4.ء롿ߡСͬġ͡塿ͬˡġСΪء롿ָ򡿡ͬһ͡塿⡿ǡͬġɡء롿Сͬġʡ⡿ͬ͡ġСΪġءȻҪ󡿡

丽宫国际 引用原则:

  • ƷС֡ͬˡδ硿֡С֤ݡܡϡѡ桿ˡΪͬ򡿡ߡܡϡΪ򡿡ߡӡġӦϡûСʵʩƷġͬʡ⡿ڡۡ͡ϡΪࡿءġƷϡ¡ҡɡͬΪˡߡϡ㡿ɡ󡿡
  • 可以引用 丽宫国际组件 ͬӦߡԡ¡ document.write() ѡɡѯƷϡ¡ߡǡͬ𡿡
  • 3ҡ̡ڡ27ڡ2桿"ԡڡӡӦӡ᡿᡿򡿡ߡ⡿"

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

ѡɡѯƷϡ¡ߡǡͬ𡿡 document.write() Ʒͬġ硿Ρϡ

ƷС֡ͬˡδ硿֡С֤ݡܡϡѡ桿ˡΪͬ򡿡ߡܡϡΪ򡿡ߡӡġӦϡûСʵʩƷġͬʡ⡿ڡۡ͡ϡΪࡿءġƷϡ¡ҡɡͬΪˡߡϡ㡿ɡ󡿡

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

ڡҡǡͬǡͬءȥΥġ¡䡿ʵڡɡСءڡͬġ桿ǡСϡ񡿡ġ桿ġͬǡˡԡϡġͬʡ⡿ǡôƷϡ¡ߡǡ񡿡ΪͬƷ硿Ρ <丽宫国际-ad><丽宫国际-iframe> ڡҡǡͬǡͬءȥΥġ¡䡿ʵڡɡСءڡͬġ桿ǡСϡ񡿡ġ桿ġͬǡˡԡϡġͬʡ⡿ǡôƷϡ¡ߡǡ񡿡ΪͬƷ硿Ρ layout 和渲染。

控制外部资源加载

ɡʦ⡿

封装交互功能

4.ء롿ߡСͬġ͡塿ͬˡġСΪء롿ָ򡿡ͬһ͡塿⡿ǡͬġɡء롿Сͬġʡ⡿ͬ͡ġСΪġءȻҪ󡿡

建议使用 inline 的 CSS

ƷС֡ͬˡδ硿֡С֤ݡܡϡѡ桿ˡΪͬ򡿡ߡܡϡΪ򡿡ߡӡġӦϡûСʵʩƷġͬʡ⡿ڡۡ͡ϡΪࡿءġƷϡ¡ҡɡͬΪˡߡϡ㡿ɡ󡿡

只允许 GPU 加速的动画

丽宫国际 只允许用 transformsopacity 1.ء롿ǡ򡿡ߡԡϡ̡¡𡿡Ρ꡿䡿ߡС̡¡𡿡Ρܡġˡδ𡿡Ρ꡿䡿ġδɡ꡿ˡͬʵʩΣ硿᡿ġСΪ򡿡ɡͬˡͬʵʩ硿䡿СֻСһˡ̡¡𡿡Ρ꡿䡿ߡС̡¡𡿡ΡܡҲܡɡͬ

丽宫国际 缓存

丽宫国际 2.ͬˡۡϡء롿Сͬġʡ⡿⡿С㡿⡿˼һǡͬˡϡʶԡڡʡ⡿ġΡӡʵʩͬҡϡʶС䡿ͬˡ͡һ𡿡Ρӡʵʩ丽宫国际-Cache ѡɡѯƷϡ¡ߡǡͬ𡿡

开放且持续更新

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