`
Zhoumx
  • 浏览: 73925 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

压缩JS,CSS的过滤器GZIPFilter

阅读更多
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,(本地测试)
分享到:
评论

相关推荐

    压缩 jscss

    【标题】"压缩 jscss" 涉及到的知识点主要集中在前端开发中的代码优化与压缩,特别是针对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件的处理。这一工具因其高效性和用户友好性获得了广泛的认可和使用。 ...

    JS CSS压缩工具

    使用JS CSS压缩工具时,开发者通常会将其整合到构建流程,如使用 Gulp、Grunt 或 Webpack 这样的任务运行器。这些构建工具可以自动化处理源代码,包括编译、压缩、合并等操作,确保每次构建后生成的是优化过的生产...

    CSS压缩与CSS代码压缩还原 CSS压缩工具使用 终极版.docx

    CSS压缩与CSS代码压缩还原是一种常见的前端优化技术,旨在减少CSS文件的大小,进而提高网页加载速度和降低服务器流量消耗。以下将详细解释CSS压缩的原因、压缩方法、压缩工具以及如何进行代码还原。 一、CSS代码...

    图片压缩,CSS压缩,JS压缩

    在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对资源进行压缩,包括图片、CSS和JavaScript(JS)。本文将深入探讨如何利用Node.js和Grunt工具进行这些类型的文件压缩,以提升网页加载速度和降低...

    HTML/JS/CSS网页压缩器

    【HTML/JS/CSS网页压缩器】是一款个人开发者编写的工具,主要针对HTML、JavaScript和CSS这三种网页基本元素进行优化和压缩。这款压缩器旨在提高网页加载速度,减少网络带宽消耗,提升用户体验,同时它还具备无广告、...

    Js、Css压缩(可批量)

    在Web开发领域,JavaScript(Js)和Cascading Style Sheets(Css)是构建动态和美观网页不可或缺的元素。为了提高网站性能,减少加载时间,以及优化用户体验,对这些文件进行压缩至关重要。本教程将深入探讨Js和Css...

    JSCSS压缩工具 YUI Compressor

    这个工具的主要功能是对JavaScript (JS) 和 Cascading Style Sheets (CSS) 文件进行压缩,以减少文件大小,从而提高网页加载速度,优化用户体验。在Web性能优化的领域中,YUI Compressor扮演了关键角色。 ### YUI ...

    4.8.1静态CSS的过滤器属性

    4.8.1静态CSS的过滤器属性4.8.1静态CSS的过滤器属性

    maven+yui压缩js,css文件

    标题与描述概述的知识点是关于如何使用Maven与YUI Compressor插件来压缩JavaScript(JS)和CSS文件。在大型项目中,压缩这些文件可以显著减少加载时间,提高网站性能,同时也便于资源的管理。 ### Maven与YUI ...

    filter.css, CSS过滤器组合集合.zip

    filter.css, CSS过滤器组合集合 filter.css一对CSS过滤器组合,让你开始。 请参见现场演示 。用法将 filter.css 文件添加到项目中。链接到 filter.css 文件。&lt;!-- In your &lt;head&gt;

    js、css压缩网页demo

    在网页开发中,JavaScript(js)和Cascading Style Sheets(css)是不可或缺的组成部分,它们负责实现网页的交互逻辑和样式布局。然而,未经优化的js和css文件可能会导致网页加载速度慢,影响用户体验。"js、css压缩...

    element ui 离线压缩版 js css 含图标

    3. **JS 文件**:压缩包内的 JS 文件(如 `element-ui.common.js` 或 `element-ui.min.js`)是 Element UI 的核心 JavaScript 库,包含了所有组件的实现代码。在 HTML 文件中引入这个文件后,你就可以使用 Element ...

    js、CSS批量压缩工具

    改工具可以批量压缩js、css文件。 压缩js,将js文件拷贝到文件夹in中,执行run-min.bat,文件夹out中即为压缩后的js文件。 压缩css,将css文件拷贝到文件夹css_in中,执行run-css.bat,文件夹css_out中即为压缩后的...

    maven打包使用yui压缩css和js文件

    在现代Web开发中,优化网页性能是至关重要的,其中一项策略就是对CSS和JavaScript文件进行压缩,以减少页面加载时间。Maven作为一个强大的Java项目管理工具,提供了与各种构建优化工具集成的能力,其中包括使用YUI ...

    JsCss压缩和Css格式化

    在网页开发中,JavaScript(Js)和Cascading Style Sheets(Css)是不可或缺的组成部分,它们负责实现网页的交互逻辑和样式布局。然而,未经处理的Js和Css文件往往体积较大,这会增加页面加载时间,影响用户体验。...

    JS/CSS压缩脚本

    对项目中的js\css进行压缩,是利用yahoo yuicompressor进行压缩的,同时并对js中的中文汉字替换成unicode字符表示(比如:汉字[\u6c49\u5b57]),这样有利用代码的通用性。 说明: 直接将要压缩的js/css文件放到...

    Javascript、CSS压缩工具(支持批量压缩)

    CSS压缩类似于JavaScript压缩,主要通过删除空白、注释和简化选择器等方式来减小文件体积。压缩CSS不仅可以减少HTTP请求的数量,还能合并多个CSS文件为一个,进一步加快页面加载。本工具同时支持CSS的批量压缩,...

    js与css代码压缩软件

    这些是基于Node.js的任务运行器和打包工具,它们可以安装和配置各种插件,实现JS和CSS的压缩、合并、混淆等多种优化操作。例如,Grunt有grunt-contrib-uglify用于压缩JS,grunt-contrib-cssmin用于压缩CSS;Gulp则有...

    js css eclipse压缩插件

    安装该插件后,您只需选中包含需压缩文件的上级目录,然后执行 "compress javascript" 命令,插件就会自动处理所有相关的 JavaScript 和 CSS 文件,将其压缩成更小的尺寸,同时保持原有的功能不受影响。 压缩的主要...

    js css 离线压缩

    标题中的“js css 离线压缩”指的是在没有网络连接的情况下对JavaScript和CSS文件进行压缩的技术。这种技术主要用于优化网站性能,通过减小文件大小来加快页面加载速度。JavaScript和CSS压缩通常包括删除不必要的...

Global site tag (gtag.js) - Google Analytics