http://www.gxlcms.com/tools/cssyasuo.htm
使用pjl-comp-filter-1.7.jar <filter-name>CompressingFilter</filter-name> <filter-class>com.planetj.servlet.filter.compression.CompressingFilter</filter-class>...<filter-mapping> <filter-name>CompressingFilter</filter-name> <url-pattern>/*</url-pattern></filter-mapping> 测试使用后，比原来页面小了80%左右。
本文基于windows7系统，mac上或许更简单些。本文参阅了无墨来点睛的文章，再此说明。 花了点时间，总算是试验成功，demo地址：http://pan.baidu.com/s/1c0dGm1i ant可以去官网下载，地址是：http://ant.apache.org/ ，yuicompressor也可以去官网下一个https://github.com/yui/yuicompressor demo的使用的ant版本是apache-ant-1.8.2，yuicompressor版本是yuicompressor-2.4.6。 另外由于ant是需要java运行环境的（一开始没看ant...
一直想把项目中的js和css压缩下，今天终于搞定了。 先说说几个注意的问题，目标影响着你对应的解决办法： 1.压缩后的文件，是否要直接覆盖旧的文件 2. 单个压缩文件重命名，还是整个目录换个名字，同时文件名称不变 3. 部署访问和切换问题 4.压缩后的，是否要上传到git等远程仓库里 比如 C:/js a.js,a.css 方式一，直接覆盖，目录和文件名称，都不变化。 方式二，不覆盖，仍然在同一个目录下。 C:/js...
最近在负责一个微信H5 App项目，遇到一个郁闷的问题，手机浏览器查看网页时图标都是模糊的，有锯齿，电脑浏览器显示则是正常。大概知道是分辨率适配等类型的问题，后来网上查找了一些办法，大部分的解决方案都是设计一套放大1倍的图标，再压缩显示。 我们都知道标签可以通过固定宽高的方式来压缩大图，从而得到高清的显示效果，而图标一般用背景图来呈现，怎么搞呢？好吧，css3出了一个很牛逼的属性background-size可以直接设置背...
TinyPNG 能做什么？ TinyPNG 采用智能的有损压缩技术来减少你的 PNG 文件的文件大小。通过选择性地减少图像中的颜色数量，更少的字节用于存储数据。效果几乎是看不见的，但它在文件大小方面差别很大！ 我为什么要用 TinyPNG？ PNG 是有用的，因为它是唯一得到广泛支持的格式，可以存储部分透明的图像。该格式使用压缩文件，但仍然很大。使用 TinyPNG 为您的应用程序和网站图像缩小。它将使用更少的带宽和加载速度更快。 它...
接上一篇文章：Gulp学习指南，这里主要记录一下用 gulp 来合并、压缩CSS以及进行 MD5命名以及替换文件中引入的CSS文件，当然这一系列操作都是用基于gulp插件的，主要会用到下面的几个插件： var concat = require(gulp-concat);//- 多个文件合并为一个；var minifyCss = require(gulp-minify-css);//- 压缩CSS为一行； var rev = require(gulp-rev);//- 对文件名加MD5后缀var revCollector = require(gulp-rev-collector);//- 路径...
如何还原压缩的CSS/HTML/JS文件 一，问题描述 我们经常在进入一家新的公司，或者网上下载一些源码后，拿到他们的CSS/HTML/JS文件都是经过压缩的，如图 随便?嗦下，为什么人家要压缩，这是为了网页能快速被加载而做的优化 那我们想要把它格式化我们喜欢看的样式，怎么办呢？ 二，解决方案 今天提出两种解决方案，大家可以适当选择 ...
在做一个资料片专题的时候遇到了图片太多，png图片过大导致加载过慢，图片都堆叠在了一起。为了解决这个问题，发现下面这篇文件讲得非常好！赞一个。 如何把网页中要用到的图片压缩到最小，这是我们前端攻城师们在写网页时都会考虑的一个问题，今天小坊给各位带来了给前端攻城师们真正的良心网站---TinyPNG。 只需要简单的两步就可以把你要压缩的PNG格式图片压缩到小很多又基本上不会影响图片的质量： 1.打开网址：http:...
From: http://www.cnblogs.com/starweb/archive/2013/01/24/2874838.html 1.安装nodejs http://nodejs.org/ 2.安装各自的node package js我用的是UglifyJS github地址： https://github.com/mishoo/UglifyJS css我用的是clean-css github地址： https://github.com/GoalSmashers/clean-css 图片用的是node-smushit github地址： https://github.com/colorhook/node-smushit 3.编写代码 ...
me：注：早已经迁往github上了。 地址：https://github.com/yui/yuicompressor/blob/master/README.md From： http://www.everycoding.com/coding/80.html YUI Compressor Maven插件压缩 js、css并输出war包 YUI Compressor是一款非常强大JS混淆和压缩工具。目前很多Javascript框架都使用YUI Compressor进行了代码压缩。据说鼎鼎有名的Jquery框架也是使用YUI Compressor进行压缩。YUI Compressor...
字蛛是一个 WebFont 智能压缩工具，它能自动化分析页面中所使用的 WebFont 并进行按需压缩，通常好几 MB 的中文字体可以被压缩成几 KB 大小。 字蛛主页： http://font-spider.org 字蛛从 2014 年 7 月诞生以来，时隔近两年，终于发布了 v1.0.0 正式版本，改进如下： 支持绝大多数的中英文 Truetype 字体 支持开源图标字体库 （New: v1.0.0新特性） 支持 CSS 伪元素解析，支持 content: "string" 与 c...
1.安装gulp gulp是基于Node.js的前端构建工具。所以首先需要安装nodejs，安装nodejs。 完成nodejs安装之后，需要使用npm安装gulp。 先安装全局gulp npm install -g gulp然后在项目根目录下安装本地gulp。 此时项目根目录下会多出下面这个文件夹 node_modules 好的，现在gulp已经安装完成了，但是gulp本身不提供js压缩合并等功能，需要使用gulp的相关插件。目前只需要完成js压缩合并和css文件压缩的功能，先安装...
From: http://www.haorooms.com/post/qd_grunt_cssjs 关于css和js压缩和合并的方法，记得我在 前端面试题目中有写道。方法很多，今天主要介绍grunt方法。 使用前提 grunt是基于node的，要在你电脑上使用grunt，电脑上必须已安装node环境。具体node环境的安装和搭建。 centos请看，windows安装相对简单，下载安装包安装就可以了。关于mac的安装，后面有时间在详细介绍。 新建package.json package.json放在根目录...
me:注： 找了一圈，在java社区和node社区，就没有找到中意的解决方案，总是带有各种各样的毛病。 看来ror社区还是拥有最强悍的设计和构架能力的，也许得益于ruby的精神。 最牛牛的人有时候只要一两个就够了。 下面的文还是不错的，可惜wro4j的愚笨复杂设计啊。 from: 使用wro4j和maven在编译期间压缩js和css文件 最近在对一个web系统做性能优化. 而对用到的静态资源文件的压缩整合则是前端性能优...