http://www.onjava.com/pub/a/onjava/2003/11/19/filters.html作者写了两个过滤器,一个是压缩过滤器,另外一个是缓存过滤器,这里只说一下GZIPFilter压缩过滤器。
<filter>
<filter-name>Compress</filter-name>
<filter-class>filter.gzipfilter.GZIPFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>Compress</filter-name>
<url-pattern>*.jsp</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>Compress</filter-name>
<url-pattern>*.html</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>Compress</filter-name>
<url-pattern>*.js</url-pattern>
</filter-mapping>
<filter-mapping>
<filter-name>Compress</filter-name>
<url-pattern>*.css</url-pattern>
</filter-mapping>
通过FF的Firebug可以看出结果,ext的样式文件ext-all.css原始大小76K压缩过后13K
prototype.js原始大小57K,压缩过后13K,(本地测试)
分享到:
相关推荐
在Java开发中,压缩JavaScript(js)和CSS(样式表)文件是一项常见的优化技术,用于减少网页加载时间和提高用户体验。这种技术通常被称为“文件合并与压缩”,它将多个js和css文件合并为一个文件,并去除其中不必要...
在网页开发中,JavaScript(JS)和Cascading Style Sheets(CSS)是不可或缺的部分,它们负责网页的交互逻辑和样式设计。然而,未经优化的JS和CSS文件可能会导致页面加载速度变慢,影响用户体验。因此,为了提升网页...
使用JS CSS压缩工具时,开发者通常会将其整合到构建流程,如使用 Gulp、Grunt 或 Webpack 这样的任务运行器。这些构建工具可以自动化处理源代码,包括编译、压缩、合并等操作,确保每次构建后生成的是优化过的生产...
批量JS压缩美化CSS压缩工具SoCompressor就是这样一个工具,它专为开发者设计,帮助他们快速有效地处理JavaScript(JS)和层叠样式表(CSS)文件,以减小文件大小,提高页面加载速度。 JavaScript和CSS文件是网页...
在现代Web开发中,为了提高网站的加载速度和性能,对JavaScript(js)和CSS(css)文件进行压缩是至关重要的一步。"js&css压缩工具"是一个专门针对这两种文件类型的压缩工具,它能有效地减小文件大小,从而降低网络...
CSS压缩与CSS代码压缩还原是一种常见的前端优化技术,旨在减少CSS文件的大小,进而提高网页加载速度和降低服务器流量消耗。以下将详细解释CSS压缩的原因、压缩方法、压缩工具以及如何进行代码还原。 一、CSS代码...
在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对资源进行压缩,包括图片、CSS和JavaScript(JS)。本文将深入探讨如何利用Node.js和Grunt工具进行这些类型的文件压缩,以提升网页加载速度和降低...
【HTML/JS/CSS网页压缩器】是一款个人开发者编写的工具,主要针对HTML、JavaScript和CSS这三种网页基本元素进行优化和压缩。这款压缩器旨在提高网页加载速度,减少网络带宽消耗,提升用户体验,同时它还具备无广告、...
在Web开发领域,JavaScript(Js)和Cascading Style Sheets(Css)是构建动态和美观网页不可或缺的元素。为了提高网站性能,减少加载时间,以及优化用户体验,对这些文件进行压缩至关重要。本教程将深入探讨Js和Css...
4.8.1静态CSS的过滤器属性4.8.1静态CSS的过滤器属性
标题与描述概述的知识点是关于如何使用Maven与YUI Compressor插件来压缩JavaScript(JS)和CSS文件。在大型项目中,压缩这些文件可以显著减少加载时间,提高网站性能,同时也便于资源的管理。 ### Maven与YUI ...
filter.css, CSS过滤器组合集合 filter.css一对CSS过滤器组合,让你开始。 请参见现场演示 。用法将 filter.css 文件添加到项目中。链接到 filter.css 文件。<!-- In your <head>
在网页开发中,JavaScript(js)和Cascading Style Sheets(css)是不可或缺的组成部分,它们负责实现网页的交互逻辑和样式布局。然而,未经优化的js和css文件可能会导致网页加载速度慢,影响用户体验。"js、css压缩...
3. **JS 文件**:压缩包内的 JS 文件(如 `element-ui.common.js` 或 `element-ui.min.js`)是 Element UI 的核心 JavaScript 库,包含了所有组件的实现代码。在 HTML 文件中引入这个文件后,你就可以使用 Element ...
改工具可以批量压缩js、css文件。 压缩js,将js文件拷贝到文件夹in中,执行run-min.bat,文件夹out中即为压缩后的js文件。 压缩css,将css文件拷贝到文件夹css_in中,执行run-css.bat,文件夹css_out中即为压缩后的...
在现代Web开发中,优化网页性能是至关重要的,其中一项策略就是对CSS和JavaScript文件进行压缩,以减少页面加载时间。Maven作为一个强大的Java项目管理工具,提供了与各种构建优化工具集成的能力,其中包括使用YUI ...
在网页开发中,JavaScript(Js)和Cascading Style Sheets(Css)是不可或缺的组成部分,它们负责实现网页的交互逻辑和样式布局。然而,未经处理的Js和Css文件往往体积较大,这会增加页面加载时间,影响用户体验。...
对项目中的js\css进行压缩,是利用yahoo yuicompressor进行压缩的,同时并对js中的中文汉字替换成unicode字符表示(比如:汉字[\u6c49\u5b57]),这样有利用代码的通用性。 说明: 直接将要压缩的js/css文件放到...
CSS压缩类似于JavaScript压缩,主要通过删除空白、注释和简化选择器等方式来减小文件体积。压缩CSS不仅可以减少HTTP请求的数量,还能合并多个CSS文件为一个,进一步加快页面加载。本工具同时支持CSS的批量压缩,...
这些是基于Node.js的任务运行器和打包工具,它们可以安装和配置各种插件,实现JS和CSS的压缩、合并、混淆等多种优化操作。例如,Grunt有grunt-contrib-uglify用于压缩JS,grunt-contrib-cssmin用于压缩CSS;Gulp则有...