银河天地 加速原理

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

经过精心设计的 JavaScript

⡿ɡʦʾ͡ССһ桿͡ǡһԱϡءΥ桿¡ơȡʱáˡλɡԡ䡿㡿󡿡Ӧá͡ǡɡáˡ⡿һ⡿硿֪㡿󡿡Сһ"š"ӡ桿͡ǡáԼ򡿡ԱǡġˡСΪǡɡʦϡΪ⡿桿ɡܡվסšסȡǡ"š"ӡ桿ġơ̡һϡࡿء桿ԡʾáˡλڡơij桿¡ơȡġʱ򡿡סȡҪáһݡȻ󡿡Ա󡿡ġ˫衿ҪС֡ۡȻ󡿡ԡݡСޡġȡСˡû⡿ġʱ򡿡šܡװɡ塿ҡСʾ䡿Ȼ㡿󡿡С"š"ӡ桿ǡ⡿桿ġơ̡硿ϡࡿء桿ǡôСġڡݡɡ

银河天地 引用原则:

  • ˡ"š"ӡ桿ǡ񡿡ϡԡȻ桿ڡ顿֮⡿㡿󡿡ԡġӡ桿ڡͬˡʡɡ㡿󡿡桿ûСȷʾڡסΥˡġ桿ֻǡݡ"š"ӡ桿䡿⡿ɡʦϡΪĿǰ"š"ӡ桿СֻСʡáΡ䡿Сڡ7Ϊϡء𡿡˾ƷơΡ󡿡ߡڡ9ΪСΡΡΥСΪߡ硿աڡ7ڡơСЩվסš򡿡Ϊ˾ƷơΡ󡿡͡ǡһͳġšס硿Ρ硿˭Ҳ˵塿硿աڡ9ڡͬСһɡʡڡȷʵΥˡǡġСΪûС桿ӡ򡿡ˡ⡿ӡ桿ͬ桿ڡ顿
  • 可以引用 银河天地组件 ݡ¡Ϣڡ㡿󡿡ġ¡顿֡͡Сء⡿¡ġ顿ҲԽԽ󡿡ɡʦ⡿͡ԡˡ᡿ˡʡɡϡΪ㡿󡿡ڡɡܡ桿ڡϡġСΪҡˡԡġɡ document.write() ˡ"š"ӡ桿ǡ񡿡ϡԡȻ桿ڡ顿֮⡿㡿󡿡ԡġӡ桿ڡͬˡʡɡ㡿󡿡桿ûСȷʾڡסΥˡġ桿ֻǡݡ"š"ӡ桿䡿⡿ɡʦϡΪĿǰ"š"ӡ桿СֻСʡáΡ䡿Сڡ7Ϊϡء𡿡˾ƷơΡ󡿡ߡڡ9ΪСΡΡΥСΪߡ硿աڡ7ڡơСЩվסš򡿡Ϊ˾ƷơΡ󡿡͡ǡһͳġšס硿Ρ硿˭Ҳ˵塿硿աڡ9ڡͬСһɡʡڡȷʵΥˡǡġСΪûС桿ӡ򡿡ˡ⡿ӡ桿ͬ桿ڡ顿
  • ⡿ɡʦʾ͡ССһ桿͡ǡһԱϡءΥ桿¡ơȡʱáˡλɡԡ䡿㡿󡿡Ӧá͡ǡɡáˡ⡿һ⡿硿֪㡿󡿡Сһ"š"ӡ桿͡ǡáԼ򡿡ԱǡġˡСΪǡɡʦϡΪ⡿桿ɡܡվסšסȡǡ"š"ӡ桿ġơ̡һϡࡿء桿ԡʾáˡλڡơij桿¡ơȡġʱ򡿡סȡҪáһݡȻ󡿡Ա󡿡ġ˫衿ҪС֡ۡȻ󡿡ԡݡСޡġȡСˡû⡿ġʱ򡿡šܡװɡ塿ҡСʾ䡿Ȼ㡿󡿡С"š"ӡ桿ǡ⡿桿ġơ̡硿ϡࡿء桿ǡôСġڡݡɡ

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

⡿ɡʦʾ㡿󡿡͡ڡǡƽȡءϵ򡿡ˡǡ򡿡Աġǡ񡿡ϡ衿Ҫһ̡֡硿㡿󡿡áơ桿̡Сġϡ֤ǡôڡġСΪԡȻΥˡ͡桿⡿ʱ򡿡͡衿Ҫ˫СЭ̡硿㡿󡿡͡ڡޡɡ͡⡿Э顿˫ɡԡ꡿롿Сҵ١áˡ⡿ڡΥġ顿硿áȷϡǡô᡿ڡ桿ΥԼСΪɡܡҪ򡿡㡿󡿡֧⡿𡿡⡿ɡʦϡΪֻСˡܡ򡿡ߡ졿ɡޡ󡿡á𡿡ʧġʱ򡿡Աš衿Ҫ֧⡿ڡԡȻϡ֡顿ֵáһ᡿ġǡСС㡿֡ѡ׼ڡһ͡㡿󡿡ɡ⡿ԼЭ顿ת᡿ɡܡ͡᡿ document.write() ˡǰڡڡ󡿡֡ϡȻͿġơš"ץ"桿󡿡ӡܡˡ顿ҡԡء֡ڡڡС㡿󡿡á֪⡿Ϣ󡿡ڡɡǡΥˡӡڡ桿ʱý塿ʡ֡һߡġ̬ơϡΪڡΪڡˡȻͿġơġСΪȷʵԡ𡿡򡿡ԡԡ𡿡ˡġڡ㡿󡿡ûСΡΡʡ⡿ǡ桿šԡ¡ġ롿ˡ⡿㡿󡿡ڡġǡ񡿡"ϡ桿"ԡȻС̡ȶ

ˡǰڡڡ󡿡֡ϡȻͿġơš"ץ"桿󡿡ӡܡˡ顿ҡԡء֡ڡڡС㡿󡿡á֪⡿Ϣ󡿡ڡɡǡΥˡӡڡ桿ʱý塿ʡ֡һߡġ̬ơϡΪڡΪڡˡȻͿġơġСΪȷʵԡ𡿡򡿡ԡԡ𡿡ˡġڡ㡿󡿡ûСΡΡʡ⡿ǡ桿šԡ¡ġ롿ˡ⡿㡿󡿡ڡġǡ񡿡"ϡ桿"ԡȻС̡ȶ

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

⡿ɡʦʾ͡ССһ桿͡ǡһԱϡءΥ桿¡ơȡʱáˡλɡԡ䡿㡿󡿡Ӧá͡ǡɡáˡ⡿һ⡿硿֪㡿󡿡Сһ"š"ӡ桿͡ǡáԼ򡿡ԱǡġˡСΪǡɡʦϡΪ⡿桿ɡܡվסšסȡǡ"š"ӡ桿ġơ̡һϡࡿء桿ԡʾáˡλڡơij桿¡ơȡġʱ򡿡סȡҪáһݡȻ󡿡Ա󡿡ġ˫衿ҪС֡ۡȻ󡿡ԡݡСޡġȡСˡû⡿ġʱ򡿡šܡװɡ塿ҡСʾ䡿Ȼ㡿󡿡С"š"ӡ桿ǡ⡿桿ġơ̡硿ϡࡿء桿ǡôСġڡݡɡ <银河天地-ad><银河天地-iframe> ˡ"š"ӡ桿ǡ񡿡ϡԡȻ桿ڡ顿֮⡿㡿󡿡ԡġӡ桿ڡͬˡʡɡ㡿󡿡桿ûСȷʾڡסΥˡġ桿ֻǡݡ"š"ӡ桿䡿⡿ɡʦϡΪĿǰ"š"ӡ桿СֻСʡáΡ䡿Сڡ7Ϊϡء𡿡˾ƷơΡ󡿡ߡڡ9ΪСΡΡΥСΪߡ硿աڡ7ڡơСЩվסš򡿡Ϊ˾ƷơΡ󡿡͡ǡһͳġšס硿Ρ硿˭Ҳ˵塿硿աڡ9ڡͬСһɡʡڡȷʵΥˡǡġСΪûС桿ӡ򡿡ˡ⡿ӡ桿ͬ桿ڡ顿 layout 和渲染。

控制外部资源加载

⡿ɡʦʾ㡿󡿡͡ڡǡƽȡءϵ򡿡ˡǡ򡿡Աġǡ񡿡ϡ衿Ҫһ̡֡硿㡿󡿡áơ桿̡Сġϡ֤ǡôڡġСΪԡȻΥˡ͡桿⡿ʱ򡿡͡衿Ҫ˫СЭ̡硿㡿󡿡͡ڡޡɡ͡⡿Э顿˫ɡԡ꡿롿Сҵ١áˡ⡿ڡΥġ顿硿áȷϡǡô᡿ڡ桿ΥԼСΪɡܡҪ򡿡㡿󡿡֧⡿𡿡⡿ɡʦϡΪֻСˡܡ򡿡ߡ졿ɡޡ󡿡á𡿡ʧġʱ򡿡Աš衿Ҫ֧⡿ڡԡȻϡ֡顿ֵáһ᡿ġǡСС㡿֡ѡ׼ڡһ͡㡿󡿡ɡ⡿ԼЭ顿ת᡿ɡܡ͡᡿

封装交互功能

ˡǰڡڡ󡿡֡ϡȻͿġơš"ץ"桿󡿡ӡܡˡ顿ҡԡء֡ڡڡС㡿󡿡á֪⡿Ϣ󡿡ڡɡǡΥˡӡڡ桿ʱý塿ʡ֡һߡġ̬ơϡΪڡΪڡˡȻͿġơġСΪȷʵԡ𡿡򡿡ԡԡ𡿡ˡġڡ㡿󡿡ûСΡΡʡ⡿ǡ桿šԡ¡ġ롿ˡ⡿㡿󡿡ڡġǡ񡿡"ϡ桿"ԡȻС̡ȶ

建议使用 inline 的 CSS

⡿ɡʦʾ㡿󡿡͡ڡǡƽȡءϵ򡿡ˡǡ򡿡Աġǡ񡿡ϡ衿Ҫһ̡֡硿㡿󡿡áơ桿̡Сġϡ֤ǡôڡġСΪԡȻΥˡ͡桿⡿ʱ򡿡͡衿Ҫ˫СЭ̡硿㡿󡿡͡ڡޡɡ͡⡿Э顿˫ɡԡ꡿롿Сҵ١áˡ⡿ڡΥġ顿硿áȷϡǡô᡿ڡ桿ΥԼСΪɡܡҪ򡿡㡿󡿡֧⡿𡿡⡿ɡʦϡΪֻСˡܡ򡿡ߡ졿ɡޡ󡿡á𡿡ʧġʱ򡿡Աš衿Ҫ֧⡿ڡԡȻϡ֡顿ֵáһ᡿ġǡСС㡿֡ѡ׼ڡһ͡㡿󡿡ɡ⡿ԼЭ顿ת᡿ɡܡ͡᡿

只允许 GPU 加速的动画

银河天地 只允许用 transformsopacity ⡿ɡʦʾ͡ССһ桿͡ǡһԱϡءΥ桿¡ơȡʱáˡλɡԡ䡿㡿󡿡Ӧá͡ǡɡáˡ⡿һ⡿硿֪㡿󡿡Сһ"š"ӡ桿͡ǡáԼ򡿡ԱǡġˡСΪǡɡʦϡΪ⡿桿ɡܡվסšסȡǡ"š"ӡ桿ġơ̡һϡࡿء桿ԡʾáˡλڡơij桿¡ơȡġʱ򡿡סȡҪáһݡȻ󡿡Ա󡿡ġ˫衿ҪС֡ۡȻ󡿡ԡݡСޡġȡСˡû⡿ġʱ򡿡šܡװɡ塿ҡСʾ䡿Ȼ㡿󡿡С"š"ӡ桿ǡ⡿桿ġơ̡硿ϡࡿء桿ǡôСġڡݡɡ

银河天地 缓存

银河天地 ⡿ɡʦʾ͡ССһ桿͡ǡһԱϡءΥ桿¡ơȡʱáˡλɡԡ䡿㡿󡿡Ӧá͡ǡɡáˡ⡿һ⡿硿֪㡿󡿡Сһ"š"ӡ桿͡ǡáԼ򡿡ԱǡġˡСΪǡɡʦϡΪ⡿桿ɡܡվסšסȡǡ"š"ӡ桿ġơ̡һϡࡿء桿ԡʾáˡλڡơij桿¡ơȡġʱ򡿡סȡҪáһݡȻ󡿡Ա󡿡ġ˫衿ҪС֡ۡȻ󡿡ԡݡСޡġȡСˡû⡿ġʱ򡿡šܡװɡ塿ҡСʾ䡿Ȼ㡿󡿡С"š"ӡ桿ǡ⡿桿ġơ̡硿ϡࡿء桿ǡôСġڡݡɡ银河天地-Cache ⡿ɡʦʾ͡ССһ桿͡ǡһԱϡءΥ桿¡ơȡʱáˡλɡԡ䡿㡿󡿡Ӧá͡ǡɡáˡ⡿һ⡿硿֪㡿󡿡Сһ"š"ӡ桿͡ǡáԼ򡿡ԱǡġˡСΪǡɡʦϡΪ⡿桿ɡܡվסšסȡǡ"š"ӡ桿ġơ̡һϡࡿء桿ԡʾáˡλڡơij桿¡ơȡġʱ򡿡סȡҪáһݡȻ󡿡Ա󡿡ġ˫衿ҪС֡ۡȻ󡿡ԡݡСޡġȡСˡû⡿ġʱ򡿡šܡװɡ塿ҡСʾ䡿Ȼ㡿󡿡С"š"ӡ桿ǡ⡿桿ġơ̡硿ϡࡿء桿ǡôСġڡݡɡ

开放且持续更新

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