本文目錄一覽:
如何壓縮js
簡單的壓縮一般是:刪除注釋和空白符,替換變量名。
更激進點的做法還包括:刪除無用代碼,內聯函數,等價語句替換等。
有些開發者出於保護代碼的原因,還可能會對代碼進行混淆處理。
通常深度壓縮JS都必須要做的一步就是盡量地縮短變量名,因為一份體積巨大的JS代碼,其中的變量名會佔去不少空間。
壓縮js必須要注意:
1、壓縮前的代碼格式要標準。因為去掉換行與空格時,所有語句就變成一行,如果你的代碼有瑕疵(比如某行少了個分號),那就會導致整個文件報錯。當然,現在有的壓縮工具已經比較智能了。
2、備份原文件。壓縮很可能不會一次成功,一般要多試,多改。
js壓縮工具:
1. YUI Compressor
2. Google Closure Compiler
php如何壓縮css js
最簡單的:寫個php用正則表達式把css、js裡面的空格刪掉,現成的有:php JSMin
複雜點的:PHP有GZip模塊,可以把服務器端的資源壓縮後發送到客戶端再解壓,網上教程很多,自行百度
再高端點的:YUI Compressor之類的牛人團隊開發的玩意
實際上日流量沒有十來萬以上的網站,弄這些玩意根本沒意義。
求一個php數字壓縮函數
PHP是有自帶的壓縮函數的
gzencode 默認使用ZLIB_ENCODING_GZIP編碼,使用gzip壓縮格式,實際上是使用defalte 算法壓縮數據,然後加上文件頭和adler32校驗
gzdeflate 默認使用ZLIB_ENCODING_RAW編碼方式,使用deflate數據壓縮算法,實際上是先用 LZ77 壓縮,然後用霍夫曼編碼壓縮
gzcompress ;默認使用ZLIB_ENCODING_DEFLATE編碼,使用zlib壓縮格式,實際上是用 deflate 壓縮數據,然後加上 zlib 頭和 CRC 校驗
如何壓縮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,如果沒有都進行壓縮的話,一定會減少很多文件大小的,其實減少文件大少並不是很重要,最重要的是,文件容量減少了,能夠快速的提高網站訪問的速度,給用戶帶來好的體驗,我們盡量的把文件壓縮到最小,這樣才有利於用戶快速的打開網站,至此我的五色旗保健品商城優化後,我的每天的訪問量也增加了很多。
如何用php壓縮html代碼並輸出
第一步,你需要對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代碼壓縮然後輸出給客戶端了。不信你可以查看源代碼,就是一行,網頁瞬間壓縮很小。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/259377.html