伯乐娱平台 加速原理

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

经过精心设计的 JavaScript

ա⡿¡ڡߡ顿ϡء١⡿ˡСءijա˾סءϡġƱɡνһƱѡ󡿡ѡ56򡿡Ҳѡԡ򡿡áաȫƱֻۡҪ1.9򡿡ġƱ𡿡Ʊ̡ڡϡǡֻۡҪԤ15򡿡֤͡ܡšȡ򡿡ʡáաƱɡǡʡˡۡߡǡܡ񡿡֡ȡܡءϡ񡿡ޡơġֻҪ̡ߡСʡЭġһࡿʡʡҡ롿ա˾ǩۡЭ顿ȡáڡȨ㡿ɡڡաƱԤۡϵͳGDSϡԤƱۡͳһġʡƱߡСˡࡿȨޡġ̡ڡȫɡνСϡǧҡ󡿡ҡڡƱΪʲôֻС𡿡̡ơܡšȡ򡿡ʡƱ䡿СС衿Ρ

伯乐娱平台 引用原则:

  • 񡿡֡ա¡֪ͨҪ󡿡һ桿ߡ顿ڡ䡿ʡաˡ䡿Сȡ򡿡ȷʡաˡ䡿ۡ񡿡ƽȡС򡿡ڡߡáΡƽ̨ۡ͡󡿡ҵҪϡ񡿡ִСʡˡۡߡáۡġա˾桿ġʡˡۡˮƽʡá¡ڡߡ顿ȫ򡿡Űڡ׬ȡá桿ġͬʱ̡СǡҪԡϡΪա˾ġڡˡԱҪǡְҵ١ءάáġƽáա˾ġɡɡΪ⡿ˡ顿ġ̡ɫͨСɡɡΪԡ׬ȡ桿ġҡɫ
  • 可以引用 伯乐娱平台组件 СߡǡָΪıȡ桿衿ҡˡԱԡơġСΪԡڡáСΥҡ桿衿ҡˡԱơϡ󡿡ġ򡿡ߡΥҡ桿衿ҡˡԱԡ֡塿ġءۡ֡ѡġСΪڡġ󡿡͡ա˾ǡС󡿡ҵ١ܡˡԱǡҡ񡿡֡򡿡ߡʡίɡפա˾⡿ࡿˡԱߡСҡˡԱġ塿ݡֻҪ̡Ϊıȡ桿衿ա˾⡿ЩߡСҡˡԱݡġܡˡԱơ͡桿ӡССߡ document.write() ܡߡ
  • 񡿡֡ա¡֪ͨҪ󡿡һ桿ߡ顿ڡ䡿ʡաˡ䡿Сȡ򡿡ȷʡաˡ䡿ۡ񡿡ƽȡС򡿡ڡߡáΡƽ̨ۡ͡󡿡ҵҪϡ񡿡ִСʡˡۡߡáۡġա˾桿ġʡˡۡˮƽʡá¡ڡߡ顿ȫ򡿡Űڡ׬ȡá桿ġͬʱ̡СǡҪԡϡΪա˾ġڡˡԱҪǡְҵ١ءάáġƽáա˾ġɡɡΪ⡿ˡ顿ġ̡ɫͨСɡɡΪԡ׬ȡ桿ġҡɫ

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

һСߡ document.write() һСߡ

ˡ⡿ԡڡơġϡȡ𡿡Ǯ͡ʵҲɡԡá𡿡Ǯơ㡿ġơԡ桿硿᡿ݡװޡС𡿡ġ᡿ԱҡȯáΡѡáȡߡ塿ԡʵʡ֧򡿡ߡӦ֧ġʡѡΪ׼աܡСġۡܡߡˡǡ񡿡ʵʡȡ򡿡ߡѡڡġ桿һ㡿ӦȫϡΪܡߡʹáС͸֧ġ硿ɡ衿СġһС𡿡Ρ͸֧ҲӦϡΪܡߡ͡ǡ˵㡿̡͡ա˾ڡܡˡԱġáѡǡ֡𡿡ǡɡԡá𡿡Ǯơ㡿ġơԡ桿3򡿡ԪԡϡҲӦ׷̡¡𡿡Ρ

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

ˡ⡿ԡڡơġϡȡ𡿡Ǯ͡ʵҲɡԡá𡿡Ǯơ㡿ġơԡ桿硿᡿ݡװޡС𡿡ġ᡿ԱҡȯáΡѡáȡߡ塿ԡʵʡ֧򡿡ߡӦ֧ġʡѡΪ׼աܡСġۡܡߡˡǡ񡿡ʵʡȡ򡿡ߡѡڡġ桿һ㡿ӦȫϡΪܡߡʹáС͸֧ġ硿ɡ衿СġһС𡿡Ρ͸֧ҲӦϡΪܡߡ͡ǡ˵㡿̡͡ա˾ڡܡˡԱġáѡǡ֡𡿡ǡɡԡá𡿡Ǯơ㡿ġơԡ桿3򡿡ԪԡϡҲӦ׷̡¡𡿡Ρ <伯乐娱平台-ad><伯乐娱平台-iframe> һСߡ layout 和渲染。

控制外部资源加载

ˡ⡿ԡϡڡ⡿ͨЭСΥ桿ۡƱġСΪ⡿Сý塿١ڡС顿á⡿ѧСءġġڡûСۡƱʡʡġ顿¡ԡ⡿ơСڡʡԴƭȡѧǮơ⡿֡СΪǡܡ̡ġϡ򡿡

封装交互功能

硿ϡֻҪա˾ġڡˡԱߡСҡˡԱݡҡܡߡơԡ桿3򡿡Ԫԡϡġ͡ѡӡ̡¡׷ߡġˡСϡաšСޡ˾ԭܡ˾ס񡿡ڡ2017꡿򡿡ܡߡССڡͽ̡ʮ꡿¡С𡿡ˡ񡿡ҡ100򡿡Ԫ

建议使用 inline 的 CSS

ա⡿¡ڡߡ顿ϡء١⡿ˡСءijա˾סءϡġƱɡνһƱѡ󡿡ѡ56򡿡Ҳѡԡ򡿡áաȫƱֻۡҪ1.9򡿡ġƱ𡿡Ʊ̡ڡϡǡֻۡҪԤ15򡿡֤͡ܡšȡ򡿡ʡáաƱɡǡʡˡۡߡǡܡ񡿡֡ȡܡءϡ񡿡ޡơġֻҪ̡ߡСʡЭġһࡿʡʡҡ롿ա˾ǩۡЭ顿ȡáڡȨ㡿ɡڡաƱԤۡϵͳGDSϡԤƱۡͳһġʡƱߡСˡࡿȨޡġ̡ڡȫɡνСϡǧҡ󡿡ҡڡƱΪʲôֻС𡿡̡ơܡšȡ򡿡ʡƱ䡿СС衿Ρ

只允许 GPU 加速的动画

伯乐娱平台 只允许用 transformsopacity ̡ࡿء˾⡿͡桿СߡСġıȡ桿ǡָСߡˡıȡġ桿Υɡ桿桿¡ߡ桿򡿡ߡҪ󡿡ҡˡԱΥɡ桿桿¡ߡСҵ桿ġ桿Ϊԡ᡿򡿡ߡ㡿Υƽԭ򡿡ڡá顿֯ˡ¡ܡȡСıȡšơġӦϡΪıȡ桿𡿡̡硿桿ڡ᡿ա˾ڡܡˡԱ񡿡ášơġ顿ԡȻǡڡıȡ桿ҡڡһšƱ͡ܡ񡿡12򡿡ࡿԪġ顿¡ڡ⡿ЭġͨѡáԡȻҲ᡿͡ڡ3򡿡Ԫ硿ˡСΪơء᡿ܡ̡ġϡ͡

伯乐娱平台 缓存

伯乐娱平台 ˡ⡿ԡϡڡ⡿ͨЭСΥ桿ۡƱġСΪ⡿Сý塿١ڡС顿á⡿ѧСءġġڡûСۡƱʡʡġ顿¡ԡ⡿ơСڡʡԴƭȡѧǮơ⡿֡СΪǡܡ̡ġϡ򡿡伯乐娱平台-Cache ̡ࡿء˾⡿͡桿СߡСġıȡ桿ǡָСߡˡıȡġ桿Υɡ桿桿¡ߡ桿򡿡ߡҪ󡿡ҡˡԱΥɡ桿桿¡ߡСҵ桿ġ桿Ϊԡ᡿򡿡ߡ㡿Υƽԭ򡿡ڡá顿֯ˡ¡ܡȡСıȡšơġӦϡΪıȡ桿𡿡̡硿桿ڡ᡿ա˾ڡܡˡԱ񡿡ášơġ顿ԡȻǡڡıȡ桿ҡڡһšƱ͡ܡ񡿡12򡿡ࡿԪġ顿¡ڡ⡿ЭġͨѡáԡȻҲ᡿͡ڡ3򡿡Ԫ硿ˡСΪơء᡿ܡ̡ġϡ͡

开放且持续更新

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