凯学网 加速原理

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

经过精心设计的 JavaScript

󡿡顿ߡij䡿áվ©ǡԡȡˡijСȡλվϡ桿ġ񡿡ˡšϢءץ񡿡ǡIJ3򡿡ࡿԪ

凯学网 引用原则:

  • աϡͨء졿ơ1023֡񡿡ˡšϢ
  • 可以引用 凯学网组件 ⡿ءʱ12¡շת20ࡿʡСȡ󡿡ץ񡿡ӡɡˡ200ࡿ䡿С硿šˡӪ̡硿ɡСҵȡڡˡԱ80ࡿߡաˡԱ50ࡿ򡿡ǡߡա˾2顿񡿡סޡšϢơšϢˡԱ졿졿ݡšϢСơšϢȡ񡿡ˡšϢ1ڡࡿ᡿桿ʡ𡿡1000ࡿ򡿡Ԫ document.write() 2018꡿12¡ա졿ݡС֡š֡һ񡿡ڡϡ򡿡ˡ¡֡š롿ȡ񡿡ˡšϢ
  • ɽáϡء졿ơ졿ijȡˡ񡿡ˡšϢ֡

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

󡿡ݡǭϡݡء顿ij֡桿ߡ顿񡿡ˡšϢΥ document.write() ϡС֡šۡϡˡá֡ΡѸ١顿ȡڡϡۡ硿ݡġӡɡˡܡij䡿ϡ¡ߡӡɡˡΡijѦij顿ΡijΪաijơ㡿Сޡ˾̡ʦڡΪϡСijλСšϢϵͳ©⡿ԡʱáϵͳ©ȡˡӡ񡿡硿ݡ󡿡ͬڡҡկΥˡԱܡijڡϡۡ䡿Сܡij7򡿡ݡˡѦij

ǭϡݡšչϡ졿顿顿ą́ˡɡǭϡݡСijס԰ԱijڡС񡿡ȡڡС΢šȺС桿󡿡㡿㡿ת졿ɡ񡿡ӡӰ졿

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

2018꡿11¡䡿ءӡij𡿡ڡ񡿡ƽ̨񡿡ڡ͡롿֡ݡ֤֡šҡͥסַ顿ڡڡġ30ࡿ򡿡͡šϢȡˡԡ1ȡءҡʱֵ3.5򡿡Ԫˡ񡿡ҡġۡ񡿡ڡϡۡ <凯学网-ad><凯学网-iframe> áϡС֡šչ졿顿顿áϡijͨ˾ijߡУ㡿𡿡ˡ𡿡ij롿䡿ߡУ㡿ҵ񡿡Ա᡿á㡿ǡաѧݡšϢ衿ʵ֡󡿡򡿡¡Ρ硿ˡšע᡿̡̡֡ijȡˡۡijȡˡڡۡ֡ġͬʱʹáèء衿á֡ij졿ijȡˡ᡿ġע᡿ߡͨӡ롿ƽ̨󡿡ע᡿⡿⡿硿ˡšۡIJ layout 和渲染。

控制外部资源加载

ơۡءݡˡȡ󡿡ץ񡿡ӡɡˡ53ij֤ȯ˾ڡԱ2顿񡿡ɡ񡿡šϢ300ࡿ򡿡

封装交互功能

áϡءʱ6¡ȡ󡿡ץ񡿡ׯijij֡ij졿ijڡڡġӡɡˡ22ۡѺèء衿163̨֡5򡿡ࡿš顿񡿡ϡˡԱǡע᡿QQš150ࡿ򡿡¡ˡ΢š200ࡿ򡿡12306ˡš100ࡿ򡿡

建议使用 inline 的 CSS

ɽáϡء졿ơ졿ijȡˡ񡿡ˡšϢ֡

只允许 GPU 加速的动画

凯学网 只允许用 transformsopacity 11¡12ա26աϡͨءȡ󡿡ڡϡաݡ䡿ȡءץ񡿡ӡɡˡ֡ijѡijijءijȡӡɡˡ11顿񡿡񡿡ˡšϢ2000ࡿ򡿡

凯学网 缓存

凯学网 ϡС֡šۡϡˡá֡ΡѸ١顿ȡڡϡۡ硿ݡġӡɡˡܡij䡿ϡ¡ߡӡɡˡΡijѦij顿ΡijΪաijơ㡿Сޡ˾̡ʦڡΪϡСijλСšϢϵͳ©⡿ԡʱáϵͳ©ȡˡӡ񡿡硿ݡ󡿡ͬڡҡկΥˡԱܡijڡϡۡ䡿Сܡij7򡿡ݡˡѦij凯学网-Cache 11¡12ա26աϡͨءȡ󡿡ڡϡաݡ䡿ȡءץ񡿡ӡɡˡ֡ijѡijijءijȡӡɡˡ11顿񡿡񡿡ˡšϢ2000ࡿ򡿡

开放且持续更新

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