`
wangleifire
  • 浏览: 509073 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

加快Flex应用启动速度的5种方式

    博客分类:
  • FLEX
阅读更多

加快Flex应用启动速度的5种方式

 

作者 Jon Rose 译者 张龙

Jun Heider在O’Reilly的InsideRIA站点上发表了一篇精彩的文章,该文章就如何加快Flex应用的启动速度提出了很多建议 ,以帮助用户减少看见讨厌的“Loading”对话框的出现时间。他深入探讨了问题的不同方面,并对每种技术的优势和劣势进行了评判。

  1. 从外部加载媒体(Media)
    Heider提到了一个常用的Flex最佳实践——限制嵌入到应用/SWF文件中的媒体的数量,如图像、影片及mp3等资源都可以从外部的SWF文件加载。

    Flex框架可以直接将图片、mp3及字体等资源编译到SWF中。当你想让最终用户获得全部资源时,这种方式确实能派上用场,但是这会导致你的应用长时间停留在“Loading”阶段。

  2. 在嵌入式字体中限制字符集
    Heider建议在嵌入式字体中限制字符集以降低SWF文件的总下载时间:
    当你在Flex中嵌入一种字体时,你就会获得该字体的全部字符的支持。尽管这可能是你想要的,但你确信你需要全部字符么?例如,在一个只面向英文的应用中,你确信你真的想花时间下载中文字符数据么?
  3. 缓存框架

            Heider回顾了Flex 3 support for runtime-shared-libraries (RSL) 这篇文章:

    从Flex 3开始,你可以将Adobe签名的框架——RSLs缓存到Flash Player的cache中。这有两个好处。首先,缓存在Flash Player cache中的签名的框架RSLs可由所有配置好的Flex应用共享。换句话说,如果某人的应用已经下载了500k的签名的框架RSL,并且该RSL仍旧 在Flash Player cache中,那么你的应用就可以使用缓存下来的RSL。其次,即使某人清空了其浏览器缓存,对Flash Player cache也没有任何影响。
  4. 考虑模块化 Heider谈到了将Flex应用划分成模块的好处:
    减少字体加载时间的另一种方式就是将你的Flex应用划分成模块。使用模块的一个好处在于当加载和卸载模块时你能完全操控它。
    ...
    之 所以要划分成模块的最后一个原因是他们更快,而且我能即时加载它们。换句话说,在启动时唯一需要加载的模块就是 Step1.swf模块。因此,在使用模块的情况下,最终用户节省了启动时间,但是当他从一个模块切换到另一个模块时却需要花更多时间,因为每个模块都需 要以JIT形式加载。在我的应用中,只有当用户首次在steps 1-5之间切换时需要花更多时间。
  5. 推迟实例化

            Heider围绕着Flex组件的“creationPolicy”属性及何时实例化应用的不同部分给出了很多建议。

    如果你想减少从数据下载到用户真正可以使用的总时间,当务之急就是推迟实例化。这项技术背后的理念就是直到应用真正使用的时候才在内存中创建对象。
    尽管推迟实例化技术会在应用的整个使用过程中导致少许——通常不那么明显——的延迟,但与长时间的启动延迟相比,它还是可接受的。推迟实例化的另一个好处在于内存使用的优化。

Heider还谈到了一个“实验性”的条款——“使用流”,这是他在讨论Dirk Eismann的帖子(Building monolithic Flex SWFs that still startup quickly.” )时谈及的。Eismann提出一项技术以利用Flash Player中的多个frames以在部分应用中达到流的目的。查看所有的帖子 以更多地了解该技术及关于加快Flex启动速度的建议。

分享到:
评论

相关推荐

    flex4 IDE 修改及时编译 教程

    Flex4是一种基于ActionScript 3.0的开源框架,用于创建富互联网应用程序(RIA)。它提供了强大的组件库和设计工具,使得开发者可以构建交互性强、视觉效果丰富的Web应用。本教程将详细介绍如何在IDE中配置Flex4项目...

    Flex 延迟加载 问题说明 处理 实现

    例如,当一个Flex应用程序包含大量组件时,如果所有组件都在启动时加载并渲染,这将大大增加初始加载时间。通过采用延迟加载技术,可以让不立即可见或使用的组件延迟加载,从而提高整体性能。 ##### 4.1 实现方法 ...

    Blazeds_Flex_Java_new

    - **提高开发效率**:Flex 采用 CS(客户端/服务器)架构,可以显著加快开发速度,减少开发负担。 - **提升用户体验**:Flex 提供了丰富的界面组件和动画效果,能够创建出美观且响应迅速的应用程序。 - **利用客户端...

    flex 中图片做地图

    地图分块加载是一种优化策略,通过只加载用户可视区域内的地图部分,降低内存占用并加快加载速度。 首先,我们要明确几个关键概念: 1. **窗口大小(Window Size)**:`windowW` 和 `windowH` 分别代表可视区域的...

    Keil5 与 Keil4 主要区别

    这一特性可以大大减轻开发者的工作负担,减少出错的可能性,并加快项目的启动速度。 6. **Keil5 HAL的驱动代码**:HAL(Hardware Abstraction Layer)驱动代码是 Keil5 的另一大亮点。通过提供一套标准的 HAL 库,...

    Flex 性能优化常用手法总结

    然而,伴随着Flex应用的增多,其性能优化问题也日益凸显,尤其是在带宽有限的环境下,如何提高Flex应用的性能,减少加载时间,优化用户体验,成为了一个重要课题。 首先,从外部加载媒体资源是一种常见的优化手法。...

    astotsTool.zip

    ActionScript 3(AS3)是一种基于ECMAScript 4草案的面向对象的脚本语言,广泛应用于Flash和Flex开发。然而,随着HTML5的兴起和Flash的逐渐退出,TypeScript以其丰富的类型系统、强大的静态检查和对ES6的完美兼容,...

    罗克韦尔-PowerFlex525交流变频器简介.pdf

    PowerFlex525交流变频器适用于多种工业领域和应用场景: - **制造业**:如食品加工、包装、汽车制造等行业中的生产线控制。 - **能源行业**:如石油和天然气、发电厂等领域中的泵、风机等设备控制。 - **物料搬运**...

    1、阿里(29问).pdf

    Flex布局是一种简洁的布局方式,它可以轻松地实现垂直和水平对齐、交叉轴对齐以及项目间的空间分配,非常适合于响应式设计。 ### CSS垂直居中 CSS设置垂直居中有多种方式,例如使用Flexbox布局的justify-content、...

    angular_mobile:移动角度4

    AOT编译则可以减少应用的体积,加快启动速度。 ### 三、Angular Mobile开发实践 #### 1. 安装与配置 要开始Angular Mobile项目,首先需要安装Angular CLI,然后创建一个新的项目,选择移动优化选项: ```bash ng...

    luya-kickstarter-bootstrap4:LUYA样板程序可以通过Bootstrap 4启动项目

    LUYA Bootstrap 4 Kickstarter应用程序 注意:从Bootstrap 4开始,网格完全用FLEX编写。 检查以确定是否要对项目使用Bootstrap 4。 安装 composer create-project luyadev/luya-...为了加快本地开发速度,您可以在con

    eda设计(二).pdf

    - 支持IP核,包含LPM/Mega Function宏功能模块库,可以大大简化设计复杂度,加快设计速度。 - **Quartus II 软件设计流程** - 设计描述:明确设计目标。 - 设计输入:输入设计文件,包括原理图输入或文本输入。 ...

    install nusmv in xp

    选择一个稳定可靠的镜像站点可以加快下载速度。 8. 安装过程中会展示可选的类别和包列表。为了节省空间和资源,建议只安装需要的类别和包。可以点击加号来展开类别,选择合适的版本。如果需要,还可以使用“循环”...

    在Ubuntu上编译android.pdf

    编译Android源码时,通常需要进入源码的根目录,然后执行make命令,期间可能还需要执行make -jN(N为CPU核心数)来加快编译速度。 10. **安装预编译系统镜像**:文档中提到了android-sdk-linux_x86-1.0_r1.zip,这...

Global site tag (gtag.js) - Google Analytics