`

提高EXTJS执行速度

 
阅读更多

ExtJS那华丽的界面,会吸引每一个看过它的开发者,但是用其制作出来的网站,如果发布在网络上,访问属实是让人很头疼的事情,中国网络情况又如 此的差,世界排行46(中国网络状况整体提高全球信息技术排名第46名-2009年),可叹我泱泱大国五千年呢,又发牢骚,废话还是少说,言归正传吧~

 

一,首先,下载tk-filters-1.0.1.zip

 

二,解压这个tk-filters-1.0.1.zip压缩文件 ;

 

三,将解压后的文件tk-filters.jar放在Ext项目的WEB-INF/lib/下

 

四,打开解压后的文件夹tk-filters\conf\tk-filters.properties
GZIPFilter.Enabled=false(默认为false,true打开GZIP压缩功能)
GZIPFilter.LogStats=false(默认为false,true打开GZIP压缩功能日志,可以在后台看到压缩比例信息)
CacheFilter.Enabled=false(默认为false,true打开GZIP缓存功能)
注:可以自行选择想打开的功能,再将此文件复制到Ext项目的WEB-INF/class文件夹下


五,打开Ext项目的WEB-INF/web.xml文件
<!-- GZIPFilter压缩定义 设置此项时tk-filters.properties的GZIPFilter.Enabled=true才可用-->
  <filter>
    <filter-name>GZIPFilter</filter-name>
    <filter-class>com.tacitknowledge.filters.gzipfilter.GZIPFilter</filter-class>
  </filter>
  <!-- GZIPFilter 设置自己想要压缩的文件类型-->  
  <filter-mapping>
    <filter-name>GZIPFilter</filter-name>
    <url-pattern>*.js</url-pattern>
  </filter-mapping>
  
  <!-- CacheFilter缓存定义 设置此项时tk-filters.properties的CacheFilter.Enabled=true才可用 -->
  <filter>
    <filter-name>CacheFilter</filter-name>
    <filter-class>com.tacitknowledge.filters.cache.CacheHeaderFilter</filter-class>
  </filter>
  <!-- CacheFilter 设置自己想要缓存的文件类型-->
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.gif</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.jpg</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.png</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.js</url-pattern>
  </filter-mapping>
  <filter-mapping>
    <filter-name>CacheFilter</filter-name>
    <url-pattern>*.css</url-pattern>
  </filter-mapping>
六,测试一下吧,用FF(FireFox)打开后,在FireBug里可以清楚看到ext-all.js从原来的599kb变成了154kb,压了不少吧!!

分享到:
评论

相关推荐

    extjs6.2 SDK下载

    3. **性能优化**:EXTJS致力于提供高性能的应用,6.2版本可能在渲染速度、数据处理和内存管理等方面进行了优化,以提高应用的响应速度。 4. **CMD命令行工具**:Sencha CMD是EXTJS的命令行工具,用于自动化构建、...

    Extjs 性能优化 High Performance ExtJs

    然而随着应用程序复杂度的提升,如何提高 Extjs 的性能成为了一个重要的课题。本文旨在针对具有一定 JavaScript 基础(理解面向对象、继承、作用域等概念)并且熟悉 Extjs 框架(了解组件间继承关系)的开发者,提供...

    安装Extjs的插件spket,extjs3.2版.doc

    它可以帮助开发者快速地编写和调试JavaScript代码,提高开发效率。在本文中,我们将详细介绍如何在Eclipse中安装和配置Spket,以便支持ExtJS 3.2版本。 首先,确保你已下载了ExtJS 3.2和Spket的源码。ExtJS 3.2通常...

    Extjs5.0 Mini 轻量级 使用方式概述 引用讲解 Extjs5.0 gray

    在5.0版本中,它提供了一个轻量级的版本,称为“Mini”,旨在减少应用的体积,提高加载速度,尤其适合对性能有较高要求或者需要快速开发的项目。在本概述中,我们将深入探讨如何在项目中引入并使用ExtJS 5.0 Mini,...

    extjs中三个基础包

    EXTJS 是一个强大的JavaScript 应用程序框架,用于构建富客户端Web应用。它提供了一整套组件化的用户界面...在深入学习EXTJS 的同时,还应关注其性能优化,例如使用压缩和合并工具来减小文件大小,提高页面加载速度。

    extjs 分页

    在EXTJS中,分页是实现大数据量展示时不可或缺的功能,它能有效地提高网页性能,减少服务器压力。EXTJS分页通常与数据访问对象(DAO)和动作控制器(Action)结合使用,形成一个完整的数据获取和展示流程。下面将...

    ExtJS内存调试工具 sIEve

    通过熟练使用sIEve,开发者可以有效地提高ExtJS应用在IE浏览器中的性能,减少内存泄漏,从而提升用户的浏览体验。对于任何处理大量数据或需要长时间运行的ExtJS应用来说,sIEve都是一个必不可少的调试利器。

    ExtJS 4.07 Build目录

    - ExtJS的构建过程还包括了文件的压缩和合并,这有助于减少网络传输的时间,提高应用程序的加载速度。例如,`ext.js`文件是经过Sencha CMD工具优化过的,将多个源文件合并成一个,并进行了混淆和压缩。 5. **主题...

    ExtJs+jbpm智能流程WEB设计器

    10. **持续改进**:通过jbpm和ExtJs的结合,企业可以持续改进和优化其业务流程,适应不断变化的业务环境,提升效率和响应速度。 总之,"ExtJs+jbpm智能流程WEB设计器"提供了一个强大且直观的工具,使业务人员能够...

    Extjs代码编辑工具

    1. **代码提示和自动完成**:工具内置了ExtJS API的智能提示,当开发者输入代码时,会自动列出相关的类、方法和属性,减少查找文档的时间,提高编码速度。 2. **语法高亮**:编辑器对ExtJS的语法进行特殊标记,使得...

    Extjs+SpringMVC+MyBaits财务管控系统

    例如,用户在前端界面上进行财务报表查询,Extjs会发送Ajax请求到SpringMVC的相应Controller,Controller根据请求参数调用MyBatis的Mapper方法,执行SQL查询,然后将查询结果转化为Java对象,最后返回给前端进行数据...

    extjs开发必备利器

    在ExtJS开发中,通常会涉及到大量的类和文件,JSB通过分析这些文件之间的引用关系,可以生成一个合并后的单一JavaScript文件,从而减少HTTP请求,提高页面加载速度。创建并配置好jsb3文件后,你可以使用Sencha SDK ...

    ExtJS效果Tabs形式

    对于包含大量数据的标签页,可以使用懒加载(Lazy Loading)策略,只有在用户切换到特定标签时才加载其内容,从而提高应用的启动速度和响应性。 综上所述,"ExtJS效果Tabs形式"涵盖了创建、配置、操作以及美化...

    ExtJS 可视化开发工具大全

    - 提高开发速度:通过拖放组件,开发者可以快速搭建应用框架,节省大量手动编码时间。 - 易于理解和维护:可视化设计的界面直观,便于团队成员之间沟通和后期维护。 - 减少错误:减少手动输入代码的机会,降低了...

    ExtJS 物流管理系统源代码

    Spring通过IOC(Inversion of Control)和AOP(Aspect-Oriented Programming)提高模块化和可测试性;Hibernate则作为ORM(Object-Relational Mapping)工具,使得Java对象可以直接映射到数据库表,简化数据库操作。...

    Extjs 超级工具栏图标

    例如,使用SVG图标可以减少HTTP请求,提高加载速度;同时,合理使用图标集和图标映射策略也能有效优化资源加载。 9. **国际化支持**:EXTJS允许在不同的语言环境中使用相同的图标,通过调整工具提示或关联文字来...

    extjs开发培训手册

    这有助于提高加载速度和代码重用性。 #### 三、JavaScript语言特性 1. **常量与变量**:JavaScript支持数值、字符串和布尔常量。变量声明使用`var`关键字,赋值时无需指定数据类型。 2. **运算符**:包括算术、...

    Extjs 5 学习笔记

    2. **JS 编译器**:具备框架感知能力的 JavaScript 编译器,可以在构建时生成更小体积的输出文件,从而加快应用程序的加载速度。 3. **网络服务**:支持轻量级网络服务,例如通过 `sencha web start` 命令启动开发...

    完整的JSP + ExtJS 学生信息管理

    8. 数据分页:对于大量学生数据,系统通常会实现分页功能,以提高加载速度和用户体验。这通常涉及前端的分页控件和后端的分页查询。 9. 表单验证:在输入学生信息时,系统可能使用ExtJS的表单验证功能,确保输入...

    extjs+java+mysql通用后台管理

    此外,系统设计时还需考虑性能优化,如使用缓存技术(如Redis)提高数据访问速度,采用分页策略减轻数据库压力,以及进行合理的索引设计等。同时,对于大数据量的场景,可能需要引入数据库分库分表、读写分离等策略...

Global site tag (gtag.js) - Google Analytics