web 前端应用框架 jEngine

未知
JavaScript
跨平台
2013-01-22
红薯

jEngine 是一个专门为性能优化的 Web 前端应用框架.

我们将一年多的前端优化实践思路融合在其中,实现了对性能优化友好的模块注册机制、BigRender优化模式、<script> 标签无阻塞加载等利用框架即可低成本实现优化的模式的支持。同时jEngine应用框架在模块化、前端异常监控方面也有着自己独特的实现,感兴趣的同学可 以研究下。

简单介绍下对性能友好的模块注册机制的实现:jEngine的模块管理引入了“懒注册”的机制,所有的页面模块被分为以下三种模块:

一个模块的是首屏加载还是延迟加载,和它本身的类实现没有关系,只和模块的注册方式有关系。

如果他出现在首屏,就使用正常的模块注册方式:AppCore.register(“sw_mod_sn”, Searchweb.Business.Category);

如果非首屏模块,需要页面滚动加载,或是鼠标事件触发加载,那么它的注册方式只需改成这样:

通过这种的方式,可以低成本的改变页面初始化过程中对页面各模块的加载方式,从而减少首屏加载的文件个数和JS执行时间。

最后这个阶段,我们不仅形成了对性能友好的前端应用框架jEngine,还完全重写了搜索各业务模块代码,完成了从YUI到jQuery基础框架的升级,最终把页面加载时间长期稳定在4秒左右。

加载中

评论(0)

暂无评论

暂无资讯

暂无问答

【前端】web前端性能优化进阶路

推荐《javascript web富应用开发》一书,第十章里面提到的项目部署,包含全部常见优化技巧。当然只是大纲。 常见性能优化技巧汇总 1、减少HTTP请求的数量 将脚本文件合并,将css文件合并 使用...

2013/01/22 16:05
168
0
开源游戏框架(转至wiki)

免费和开源引擎,转载自维基 Agar - 一个高级图形应用程序框架,用于2D和3D游戏。 Allegro - 基于 C/C++ 的游戏引擎,支持图形,声音,输入,游戏时钟,浮点,压缩文件以及GUI。 Axiom 引擎 ...

2012/04/17 23:41
1K
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部