ExtJs-all.js = 600K,
ExtJs-all.css = 200K.
其他累加>1M
敢问一下,如何与200K的WEB常规页面对抗速度?..
压缩你的ExtJs的JS文件吧.(我用的7zip,压缩成浏览支持的本地解压文件gzip格式)
然后写Filter过滤URL请求,解压补到的gzip文件.
通常,我把压好的js文件改名为Ext-all.gz.js(压缩默认为Ext-all.js.gz)
为了让浏览器识别gzip格式,我们要过滤到这种格式后,响应给浏览器解析时,要家上头文件格式.
下面代码:
package filter;
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class GzipFilter implements Filter {
public void destroy() {
}
public void doFilter(ServletRequest req, ServletResponse res,
FilterChain chain) throws IOException, ServletException {
String url = ((HttpServletRequest)req).getServletPath();
if(url.endsWith(".gz.js")||url.endsWith(".gz.css")){
((HttpServletResponse)res).setHeader("Content-Encoding", "gzip");
}
chain.doFilter(req, res);
}
public void init(FilterConfig filterConfig) throws ServletException {
}
}
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<filter>
<filter-name>gzip-filter</filter-name>
<filter-class>filter.GzipFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>gzip-filter</filter-name>
<url-pattern>*</url-pattern>
</filter-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
好了,快去试试吧.
我原本响应ext-all.js为600ms,压缩后文件为170K,响应为47ms,页面大小在200K左右.加上好的界面,怎么不能比一个常规网页?呵呵
压缩前
压缩后
分享到:
相关推荐
Extjs文件管理系统,包括压缩、解压、搜索等
ExtJS原生多文件拖动上传组件 使用时修改包路径 1.多文件上传 2.支持拖动上传 3.支持图片压缩 4.支持图片合并 5.文件排序 可扩展实时图片预览 api //初始化画板 initCanvas //上传文件窗口 uploadWindow //初始化...
对应的描述看本人博文《ExtJS4 上传文件类型和大小的判断方法(实例) 》:http://blog.csdn.net/biboheart/article/details/10579175 在这里不具体描述了。看题也大概可以知道这些代码实现了什么应用。
extjs4.1的js包压缩,压缩成800K左右,加载快很多
ExtJS验证文件上传类型,详细讲述ExtJS如何验证文件上传文件的类型!
Extjs 文件上传 strut2
功能强大的Struts2.0+Extjs实现的文件上传,包含文件上传进度,文件的下载,压缩,解压多文件删除等
extjs 多文件上传extjs 多文件上传
Extjs的配置文件,直接将其复制到项目中即可,并附上示例JSP和js程序文件,简单易用,方便学习
Extjs 文件,图片管理系统 Extjs 文件,图片管理系统 Extjs 文件,图片管理系统 Extjs 文件,图片管理系统
Extjs4文件上传,后台struts2
用Ext编写的多文件上传组件,已封装。 支持多文件上传,文件下载,文件删除,
ExtJS实现文件下载的方法 前台代码: Ext.get('outputuser').on('click', function(e){ Ext.MessageBox.confirm('提示','确定要导出用户吗?',function(btn){
EXTJS MultiFileUploadField 多文件 上传
支持 自由添加和减少上传文件个数的Extjs多文件上传源代码,10分绝对值得,要注意的一点就是jsp里面引用的Ext的js和css要是2.2版本的
extjs_x主题样式文件
Java+Extjs实现单文件上传
extjs实例 入门,提供ext所需要的资源文件,详细叙述怎么改变文件颜色
Extjs 文件图片管理系统 Extjs 文件图片管理系统 Extjs 文件图片管理系统