jscss壓縮工具

1. 如何還原壓縮過的css或Js文件，如下圖

1、首先新建一個html文件，命名為test.html。

2. 怎麼用gulp壓縮js和css文件

/步驟
首先要確保pc裝nodeglobal環境項目文件都install gulp
npm install gulp -g (global環境)
npm install gulp --save-dev (項目環境)

項目install需要gulp插件般壓縮需要
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
更插件鏈接找
項目根目錄新建gulpfile.jsrequire需要mole
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del');
壓縮css
gulp.task('minifycss', function() {
return gulp.src('src/*.css') //壓縮文件
.pipe(gulp.dest('minified/css')) //輸文件夾
.pipe(minifycss()); //執行壓縮
});
壓縮js
gulp.task('minifyjs', function() {
return gulp.src('src/*.js')
.pipe(concat('main.js')) //合並所jsmain.js
.pipe(gulp.dest('minified/js')) //輸main.js文件夾
.pipe(rename({suffix: '.min'})) //rename壓縮文件名
.pipe(uglify()) //壓縮
.pipe(gulp.dest('minified/js')); //輸
});
執行壓縮前先刪除文件夾內容
gulp.task('clean', function(cb) {
del(['minified/css', 'minified/js'], cb)
});
默認命令cmd輸入gulp執行命令
gulp.task('default', ['clean'], function() {
gulp.start('minifycss', 'minifyjs');
});

要cmd執行gulp即

3. 能不能推薦一下CSS的壓縮軟體和js的壓縮軟體

YUI Compressor 是一個用來壓縮 JS 和 CSS 文件的工具，採用java開發。使用方法：//壓縮JSjava -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js//壓縮CSSjava -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css下載地址 http://www.julienlecomte.net/yuicompressor/yuicompressor-2.4.2.zip

4. 如何利用node進行js css合並壓縮

gulp是基於Node.js的前端構建工具。所以首先需要安裝nodejs，安裝nodejs。
完成nodejs安裝之後，需要使用npm安裝gulp。
先安裝全局gulp
npm install -g gulp然後在項目根目錄下安裝本地gulp。
此時項目根目錄下會多出下面這個文件夾 node_moles
好的，現在gulp已經安裝完成了，但是gulp本身不提供js壓縮合並等功能，需要使用gulp的相關插件。目前只需要完成js壓縮合並和css文件壓縮的功能，先安裝相應的插件：
1.css壓縮 gulp-minify-css
2.js壓縮 gulp-uglify
3.js合並 gulp-concat
由於壓縮之前需要對js代碼進行代碼檢測，壓縮完成之後需要加上min的後綴，我們還需要安裝另外兩個插件：

5. 怎麼用過uglifyjs 壓縮css

uglifyjs 只能壓縮js,壓縮css要用 minify，
部分代碼：
{% javascripts '*' filter='uglifyjs2' %}
<script src="{{ asset_url }}"></script>
{% endjavascripts %}
謝謝
.....

6. 介紹幾個JS和CSS壓縮合並插件

介紹幾個JS和CSS壓縮合並插件

由於添加各種功能的代碼和wordpress插件，會導致JS和CSS增多，影響了wordpress博客的載入速度。雖然可以用代碼來對JS和CSS進行壓縮合並，可是對初學者不是那麼簡單，很容易出錯。因此介紹幾個 JS 和CSS 壓縮合並插件，方便初學者進行優化。
Better WordPress Minify

Better WordPress Minify 是將Minify引擎集成到wordpress博客上，一旦被啟用，它將合並和壓縮所有的 JS 和 CSS 文件，從而降低網頁的載入時間。
Better WordPress Minify插件使用很簡單。安裝並啟用插件後，會自動壓縮合並你的JS和CSS文件。當然你可以在設置頁面中，進行如下更細致的設置。

刪除不必要的空格與空行。

合並多個CSS或JavaScript文件。

自動縮小的JS文件。

自動縮小CSS文件。

並提供gzip壓縮。

縮小代碼bloginfo（）樣式表？

縮小網址。

緩存目錄。

7. 有沒有能夠壓縮JSP代碼的工具，包括JSP中的JS,CSS,HTML.包含標簽等特殊符號

壓縮JS 可以使用yui-js-compresor
據我所知nginx的 gzip壓縮比比較大 然後就是apache的 gzip也可以壓縮頁面容量有參數可以設置壓縮比

8. 如何壓縮網站里的css 和js文件 來減少空間的使用率，是網站打開速度加快

你好，個人建議從幾個方面入手：
1、在伺服器上啟用GZIP壓縮，添加css等靜態文件等。
2、把主頁、內容頁的CSS分開寫，公共部分單獨用一個CSS，這樣就可以減少CSS的大小。
3、優化CSS語法，並可以使用工具壓縮，但要注意用多個瀏覽器測試。
4、將一些JS調用盡量放到網頁底部

9. 將Js和CSS文件壓縮成min文件

個人建議從幾個方面入手：
1、在伺服器上啟用GZIP壓縮，添加css等靜態文件等。
2、把主頁、內容頁的CSS分開寫，公共部分單獨用一個CSS，這樣就可以減少CSS的大小。
3、優化CSS語法，並可以使用工具壓縮，但要注意用多個瀏覽器測試。
4、將一些JS調用盡量放到網頁底部

10. 如何壓縮javascript和css文件

一、壓縮html和javascript：
我們用站長工具的JavaScript-HTML格式化工具，我們打開頁面，我今天要壓縮的文件js文件：common.js ，把js代碼復制到到JavaScript/HTML格式化工具裡面如下圖所示：

點擊下面的「普通壓縮」和「加密壓縮」按鈕，經過我的精心測試，使用「加密壓縮」，對文件壓縮率是最好的，所以點擊「加密壓縮」，壓縮後如圖：

javascript代碼壓縮後，我們就把這些代碼在復制到common.js文件裡面，在吧這個文件上傳到空間原來的位置，進行訪問是否存在一些錯誤，如果沒有什麼問題說明壓縮成功；

我的common.js 文件壓縮前和壓縮後的對比：
壓縮前：

壓縮後：

文件壓縮前和壓縮後確實有明確的減少，說明壓縮確實減少文件的大小，
我們來測試文件壓縮前和壓縮後所有能的時間做對比(我是用火狐插件測試傳輸速度)：
壓縮前所用時間：

壓縮後所用時間：

壓縮前所用時間是：125ms，壓縮後所用時間：78ms ，文件壓縮後給我們節省大量的時間，如果每個js都進行壓縮，我們房子訪問速度會更快的。

(註：html文件和javascript壓縮原來一樣的，當時壓縮html要用到「普通壓縮」按鈕壓縮)

二、壓縮css文件：
我們打開站長工具的Css壓縮/格式化工具頁面，我要壓縮的文件是五色旗保健品商城的css主文件style.css，首先我們打開站長工具的Css壓縮/格式化工具頁面 ，把style.css 代碼放到Css壓縮/格式化工具裡面，如下圖所示：

點擊「壓縮代碼」按鈕後，css代碼壓縮成功，如下圖所示：

後邊就是壓縮後的css代碼，你要不右邊的代碼復制到源文件style.css裡面在上傳到伺服器空間裡面，在訪問一下網，看看網頁樣式有沒有改變，如果有點變化就需要簡單的調試一下，如果沒有變樣，說明你的css壓縮成功了；
下面我們來看看styl.css文件壓縮前和壓縮後的大小和放在訪問速度的大小：
文件大小對比：
壓縮前：

壓縮後：

壓縮前30kb，壓縮後23kb，明顯的文件大小減小了
壓縮前所用時間：

css壓縮前的時間.jpg (7.36 KB, 下載次數: 0)
下載附件
css壓縮前的時間.jpg
2013-11-2 00:35 上傳

壓縮後所用時間：

壓縮前所用時間是：188ms，壓縮後所用時間：93ms ，css壓縮後明顯的節省了95ms；

總結：一個大的網站可能會有很多的javascript和css，如果沒有都進行壓縮的話，一定會減少很多文件大小的，其實減少文件大少並不是很重要，最重要的是，文件容量減少了，能夠快速的提高網站訪問的速度，給用戶帶來好的體驗，我們盡量的把文件壓縮到最小，這樣才有利於用戶快速的打開網站，至此我的五色旗保健品商城優化後，我的每天的訪問量也增加了很多。