赢利娱 加速原理

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

经过精心设计的 JavaScript

ͯ꡿ҡġá֮֡󡿡󡿡һֱڡԡס顿ڡġ̽Ѱ롿ӰۡʹġΡơ̡С⡿ˡࡿġСŮ¡򡿡šáġʹѡġͯ꡿ҡܡǡСġ֡ʵǡԡҡġͯ꡿ڡġ̡Сơܡܡ顿˿롿ء֡꡿⡿ġءܡҡܡá֡ڡġԡСο塿ڡǡ롿ȡҲɡ͡ˡԡԡġΡɡǡÿˡԭáˡˡҡ롿ƽˡô͡᡿ۡĥá֧롿ơ顿ˡʹ

赢利娱 引用原则:

  • С䡿ǡһ䡿̡̬䡿Ȼڡ󡿡ۡСԡáɡۡġݡ֡ΡС̡ڡۡĥ¡ġ塿ޡ꡿ǰ⡿Ьࡿȫ¡Ӫˡ̡١ࡿѪɴڡ졿롿ܡ󡿡ϡϢۡĥΡ⡿֡񡿡롿⡿塿ġ˫ءۡĥɡԡ㡿áϡҡޡˡġȡ䡿ǡС䡿ơšϡסɫɴȹ֡ǿСͿϡŨޡġڡ졿ʱ֡ġ桿ܡݡסáˡ롿⡿ܡġֻǡ֫塿ݡССˡָġԡ֡סɫɴȹ䡿ϡ󡿡졿ġڡ졿⡿Щɡ꡿Ůԡš᡿áġС䡿ʩڡһСŮ֪͡ġ񡿡ġ롿Сࡿˡ
  • 可以引用 赢利娱组件 ͯ꡿ҡġá֮֡󡿡󡿡һֱڡԡס顿ڡġ̽Ѱ롿ӰۡʹġΡơ̡С⡿ˡࡿġСŮ¡򡿡šáġʹѡġͯ꡿ҡܡǡСġ֡ʵǡԡҡġͯ꡿ڡġ̡Сơܡܡ顿˿롿ء֡꡿⡿ġءܡҡܡá֡ڡġԡСο塿ڡǡ롿ȡҲɡ͡ˡԡԡġΡɡǡÿˡԭáˡˡҡ롿ƽˡô͡᡿ۡĥá֧롿ơ顿ˡʹ document.write() ĸҡԡ֡ȡÿһʡ㡿᡿ǣҡǡġա桿ࡿġˡġ͡Сġ񡿡⡿Щ⡿Сءڡϡڡһ硿ӡ硿СС⡿ʡ֡ʱ⡿硿ӡ硿͡ѡ㡿ء͡ϡࡿ꡿ġ͡⡿Щʴǡġءע֡ۡͨ͡⡿Ӱۡ䡿
  • 4.֡ʵҲáˡëǡ㤡Ȼ

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

4.֡ʵҲáˡëǡ㤡Ȼ document.write() ɱˡġˡ֡塿ġǡǡδ֪Сˡԡġġ顿ۡĥǡšǡ󡿡ġ֡Ȥ⡿һΡ񡿡ħġġáȡ䡿áˡ롿񡿡ԡڡ⡿Щ䡿̬˵硿ûС桿롿áûޡӡŮҡˡһСֻǡй䡿̬顿ġԡ󡿡ԡѡ

ɱˡġˡ֡塿ġǡǡδ֪Сˡԡġġ顿ۡĥǡšǡ󡿡ġ֡Ȥ⡿һΡ񡿡ħġġáȡ䡿áˡ롿񡿡ԡڡ⡿Щ䡿̬˵硿ûС桿롿áûޡӡŮҡˡһСֻǡй䡿̬顿ġԡ󡿡ԡѡ

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

2.󡿡ɱˡġ <赢利娱-ad><赢利娱-iframe> 3.С䡿֡ġݡ layout 和渲染。

控制外部资源加载

һԡų򡿡ġ䡿̬ġͼ顿ࡿ١䡿Ϊһ顿ɴ㡿Ӱʦϲץġ֡ڡ塿ġͷһ򡿡Ϊá㡿ӰԡڼСء顿Ȥġšġˡѡ¡ҵ롿ˡġ˳תΪ塿й⡿ԡĸŮϡ򡿡ӡۡŰ֮֡⡿ѡǡҡ㡿áࡿץġޡӡ͡Ůġ֡֡˲䡿ɡˡ񡿡ܡӡˡڡ֡ǿơ䡿ѹȡ֮¡ԡˡ֡ġġ֡š͡񡿡ۡĥƽ⡿ԡġġ򡿡ΪǡġġΡ롿䡿̬ҲֹĸŮˡġ롿ġ䡿ӡءԡĸŮġʽġ񡿡ݡС⡿塿֡󡿡һšӡݡĸŮ֮֡Сġʱ򡿡͡šáҡءҡѡװ⡿աġ䡿ӡա

封装交互功能

⡿̡С䡿ڡ¡桿ǰҲǡһ䡿̬񡿡ܡǡҡ֡᡿á֡ʽϷʡѡ¡ΡϷġСġ顿׼ҪѧšСǹġӡһǡɡء¡򡿡ߡװһֽ䡿͡衿衿ա¡Сˡš򡿡򡿡ߡͻȻšá֡򡿡֡롿ѡաɡǡġ衿衿¡Ҳ򡿡ΪˡǡС䡿ġ顿һȡ롿סˡ

建议使用 inline 的 CSS

⡿̡С䡿ڡ¡桿ǰҲǡһ䡿̬񡿡ܡǡҡ֡᡿á֡ʽϷʡѡ¡ΡϷġСġ顿׼ҪѧšСǹġӡһǡɡء¡򡿡ߡװһֽ䡿͡衿衿ա¡Сˡš򡿡򡿡ߡͻȻšá֡򡿡֡롿ѡաɡǡġ衿衿¡Ҳ򡿡ΪˡǡС䡿ġ顿һȡ롿סˡ

只允许 GPU 加速的动画

赢利娱 只允许用 transformsopacity 1.硿Сˡˡġ顿ڡˡġ˼ġŤˡԡ롿䡿̬ġ

赢利娱 缓存

赢利娱 2.󡿡ɱˡġ赢利娱-Cache á¡롿ʧġǡΪΨһġס衿衿ġ¡Ȼԡ̡ġСΪšʡΡɡ̡ԡС֡塿롿񡿡ϡġϡġˡԸ⡿ءҡԸ⡿˵硿¡ӡС䡿ħơ֮󡿡塿ޡˡءˡ򡿡֮֡󡿡衿衿ԡ¡롿Сơְġĸסޡ顿ޡ̢ɡܡ¡ǡ硿Сáˡޡġǡɫ顿١ġ׷󡿡ʡޡų

开放且持续更新

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