⑴ gulp壓縮合並css/js時，怎麼自動修改引用壓縮後的css/js的路徑
記錄一下用 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');//- 路徑替換
安裝Gulp插件到本地項目
npm init//- 生成一個 package.json，裡面是一些常規的配置信息npm install gulp gulp-concat gulp-minify-css gulp-rev gulp-rev-collector --save-dev//- 安裝插件到項目目錄內
完成上面兩步後，會在我們的項目內生成一個package.json文件以及一個node_moles目錄
創建配置文件 gulpfile.js
在項目根目錄內創建一個 gulpfile.js 文件(必須是這個文件名喲~)，內容就是上面幾個插件的配置信息：
var gulp = require('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'); //- 路徑替換gulp.task('concat', function() { //- 創建一個名為 concat 的 task
gulp.src(['./css/wap_v3.1.css', './css/wap_v3.1.3.css']) //- 需要處理的css文件，放到一個字元串數組里
.pipe(concat('wap.min.css')) //- 合並後的文件名
.pipe(minifyCss()) //- 壓縮處理成一行
.pipe(rev()) //- 文件名加MD5後綴
.pipe(gulp.dest('./css')) //- 輸出文件本地
.pipe(rev.manifest()) //- 生成一個rev-manifest.json
.pipe(gulp.dest('./rev')); //- 將 rev-manifest.json 保存到 rev 目錄內});
gulp.task('rev', function() {
gulp.src(['./rev/*.json', './application/**/header.php']) //- 讀取 rev-manifest.json 文件以及需要進行css名替換的文件
.pipe(revCollector()) //- 執行文件內css名的替換
.pipe(gulp.dest('./application/')); //- 替換後的文件輸出的目錄});
gulp.task('default', ['concat', 'rev']);
運行結果
通過以上的配置之後，就可以開始運行 gulp 對我們的項目進行相關的操作啦；
使用 gulp 命令，運行Gulp.js 構建程序
首先運行 concat 這個 task 生成一個 rev-manifest.json 文件
然後再運行 rev 這個 task 替換掉文件中引入的 css
YuanWingdeMacBook-Pro:m YuanWing$ gulp concat
[11:47:02] Using gulpfile ~/SVN/JKD/m/gulpfile.js
[11:47:03] Starting 'concat'...
[11:47:03] Finished 'concat' after 12 msYuanWingdeMacBook-Pro:m YuanWing$ gulp rev
[11:47:17] Using gulpfile ~/SVN/JKD/m/gulpfile.js
[11:47:17] Starting 'rev'...
[11:47:17] Finished 'rev' after 10 msYuanWingdeMacBook-Pro:m YuanWing$
rev-manifest.json文件內容：
{ "wap.min.css": "wap.min-c49f62a273.css"}
header.php替換前後對比：
替換前：<link rel="stylesheet" href="/css/wap.min.css" />
替換後：<link rel="stylesheet" href="/css/wap.min-c49f62a273.css" />
gulp-rev-collector進行文件路徑替換是依據 rev-manifest.json 的，所以要先成生 .json 文件，然後再進行替換；
⑵ 能不能推薦一下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
⑶ phpStorm 在壓縮的css或js文件中搜索時很卡怎麼破
貌似是Phpstorm7以上的版本有BUG,換成6就可以。
壓縮js,利用jsmin類:
header('Content-type: text/javascript');
require 'jsmin.php';
echo JSMin::minify(file_get_contents('common.js') . file_get_contents('common2.js'));
⑷ 如何判斷網站是否壓縮CSS或者JS
打開一個頁面，查看源碼，查找到.css或.js文件，樣式表內樣式排在一行，js字元連在一起的就是壓縮過的。
⑸ 如何壓縮css和js文件實現快速傳輸
大家都知道bluehost支持Gzip壓縮，但是並沒有明顯的一個開啟按鈕需要你自己配置，但是Gzip有一個缺點是不能壓縮css和js文件，但是並不說明這兩個文件不能像html文件那樣壓縮，我們可以利用一個叫Minify庫進行壓縮。
使用方法：1、下載Minify
2、解壓縮後將min文件上傳到網站根目錄
3、編寫.htaccess文件添加如下代碼：
⑹ 如何壓縮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，如果沒有都進行壓縮的話，一定會減少很多文件大小的，其實減少文件大少並不是很重要，最重要的是，文件容量減少了，能夠快速的提高網站訪問的速度，給用戶帶來好的體驗，我們盡量的把文件壓縮到最小，這樣才有利於用戶快速的打開網站，至此我的五色旗保健品商城優化後，我的每天的訪問量也增加了很多。
⑺ 網站如何優化，如何提高網站的速度
提高網站相應速度首先要減少頁面當中的JS文件，其次要保證頁面的大小不超過60K為最好。這是在建站時的硬性要求。
也可以用網路、360這類雲加速，提高自己網站的響應速度。
或者使用獨立IP的虛擬空間，這樣的話獨享貸款，頁面相應的速度一般會比共享虛擬主機要快一些。
其他優化的問題，例如標題關鍵詞描述的書寫，分隔符盡量用英文的逗號和句號書寫，不要出現中文標點。每天保證好內容的更新，多找一些收錄快的論壇發發帶自己i網站鏈接的帖子，經常交換替換友情鏈接。這是基本的優化方法，具體的可以私信我加好友來討論。
希望對你有幫助。望採納。
⑻ 如何用PHP實現頁面的GZIP壓縮輸出
第一步，你需要對php的設置如下：
php.ini： output_buffering = Off output_handler = ob_gzhandler zlib.output_compression = Off zlib.output_compression_level = -1
第二步，你需要在apache下增加如下設置：
AddOutputFilter DEFLATE html php js css
這樣就可以對html php js css進行gzip壓縮了。
第三步，你需要使用如下php壓縮html並輸出到客戶端的函數：
function compress_html($string) { return ltrim(rtrim(preg_replace(array("/> *([^ ]*) *</","//","'/\*[^*]*\*/'","/\r\n/","/\n/","/\t/",'/>[ ]+</'), array(">\\1<",'','','','','','><'),$string))); }
上面的這個正則表達式，很強大的哦，經過我本人親自測試可使用。
通過以上方法，你就可以將你的html代碼壓縮然後輸出給客戶端了。不信你可以查看源代碼，就是一行，網頁瞬間壓縮很小。
⑼ 百度js和css合並壓縮是如何做的
簡單來說是通過插件實現，當然現在淘寶出的伺服器（nginx修改版）自帶有這個功能。 通過一個url地址里寫上每個js或者css 路徑，然後插件通過路徑將js/css 進行gzip形式壓縮，最後組合成一個文件輸出。你能看到的輸出格式是php後綴，但是輸出文件的表頭是js/CSS 這樣瀏覽器也就當是js/css來解析了。
合並代碼工具我推薦minify （PHP），這個比較早，也很簡單。
壓縮的話網上有很多地方都提供在線壓縮
簡單說說 JS壓縮：
1. 長變數變數名 壓縮為短變數名，去空格，去注釋
2. 可以將 new Array() 改寫為 []， new Object 改寫為{} 雲雲
3. 使用eval， 關鍵詞等等 的復雜邏輯 也可以壓縮
這樣處理過後，如果覺得還是太大了，還可以採用服務端的gzip壓縮傳輸
⑽ fis3 版本相同但是壓縮css和js後出現版本沖突。
通過一個url地址里寫上每個js或者css 路徑，然後插件通過路徑將js/css 進行gzip形式壓縮，最後組合成一個文件輸出。你能看到的輸出格式是php後綴，但是輸出文件的表頭是js/CSS 這樣瀏覽器也就當是js/css來解析了。
簡單說說 JS壓縮：
1. 長變數變數名 壓縮為短變數名，去空格，去注釋
2. 可以將 new Array() 改寫為 []， new Object 改寫為{} 雲雲
3. 使用eval， 關鍵詞等等 的復雜邏輯 也可以壓縮
這樣處理過後，如果覺得還是太大了，還可以採用服務端的gzip壓縮傳輸