導航:首頁 > 網站知識 > 如何壓縮網站代碼

如何壓縮網站代碼

發布時間:2022-08-27 07:14:17

⑴ 網頁壓縮如何做呢

網頁壓縮可以提高網頁打開的速度,網頁壓縮一般有以下幾方面的壓縮

  1. 圖片的壓縮,把圖片質量稍微降低

  2. css和js代碼的合並,把能夠合並的代碼都合並在一起,減少頁面請求的數量

  3. 還有一種叫做GZIP壓縮,不過使用GZIP壓縮來壓縮網頁文件這種方式,往往存在一定的風險,但是這種壓縮比是非常高的,甚至能夠超過八成,但是風險就是搜索引擎蜘蛛搜索到這樣的壓縮文件時,往往會返回代碼200 0 64,換句話說,就是不利於網站內容的收錄,所以對於重要的網站內容而言,還是較少的使用比較好!

⑵ wordpress優化怎麼開啟GZIP壓縮

方法一、通過修改index.php文件開啟Gzip壓縮
下載Wordpress網站根目錄index.php文件到本地,用專業網頁或代碼編輯軟體打開編輯,請勿使用系統自帶的記事本。填的時候注意標點符號,需英文狀態輸入。
在打開的index.php
中找到:
define(』WP_USE_THEMES』,
true);
在後面加上:
ob_start(『ob_gzhandler』)
這種方法最簡單,推薦使用。不過有個弊端,就是當wordpress系統升級後需要重新設置。
方法二、通過.htaccess啟用Gzip壓縮
如果你的網站空間或伺服器支持.htaccess文件,那麼在wordpress根目錄的.htaccess中添加以下代碼,然後上傳到wordpress根目錄即可。
用FTP軟體登陸Wordpress博客網站目錄。
右鍵.htaccess文件-編輯,打開.htaccess文件。在最後面加上第3點中介紹的兩種代碼中的任意一種。
實現gzip壓縮代碼有兩種具體如下:
第一種:php_value
output_handler
ob_gzhandler
第二種:
<IfMole
mod_expires.c>
ExpiresActive
On
ExpiresByType
image/gif
A2592000
ExpiresByType
image/jpeg
A2592000
ExpiresByType
image/png
A2592000
ExpiresByType
image/x-icon
A2592000
ExpiresByType
application/x-javascript
A604800
ExpiresByType
text/css
A604800
</IfMole>
<IfMole
mod_deflate.c>
SetOutputFilter
DEFLATE
AddOutputFilterByType
DEFLATE
text/html
text/css
image/gif
image/jpeg
image/png
application/x-javascript
</IfMole>
方法三、通過php.ini
啟用Gzip壓縮
如果伺服器支持php.ini重定義的話,可以在php.ini中增加以下代碼來開啟gzip。
zlib.output_compression_level
=
number
其中number為1—9的值,1的壓縮比率最低,
建議取5。
方法四、安裝gzippy插件開啟Gzip壓縮
下載Gzippy插件(下載地址見參考資料。),點wordpress後台的安裝插件-上傳-選擇文件-現在安裝,安裝完成後啟動插件即可。
方法五、利用WP
Super
Cache緩存插件自帶功能開啟Gzip壓縮
已安裝WP
Super
Cache緩存插件的朋友,可以在WP
Super
Cache設置-高級選項中勾選Compress
pages
so
they』re
served
more
quickly
to
visitors.(Recommended)一項,這樣也可以開啟Gzip壓縮。不過勾選這個選項可能導致網頁亂碼。
方法六、Cpanel控制面板的空間開啟Gzip壓縮
使用Cpanel面板的空間如果伺服器支持,可以在Cpanel後台設置開啟網站Gzip壓縮。在Cpanel面板的軟體欄目-優化網站中進行設置。點優化網站後,選擇壓縮所有內,然後更新設置。
查看Gzip是否開啟成功
選擇以上任一適合自己的方法設置好之後,大家可以到Gzip壓縮檢測網頁(見參考資料)進行測試,看看wordpress
Gzip壓縮有沒有成功。祝你成功。以下是本人博客的Gzip檢測圖-Gzip壓縮已開啟:
注意事項及說明
如果在.htaccess文件中禁止了gzip功能的話,那在php.ini文件中開啟後也需在.htaccess文件中開啟gzip,否則沒有效果。
開啟wordpress的gzip功能後,伺服器將在頁面傳輸前將頁面壓縮後傳送,可以有效減少伺服器的帶寬使用,也可以加速頁面下載。
另外請注意只能選擇一種方式來開啟wordpress
gzip壓縮,否則有可能造成沖突,請謹記。

⑶ asp程序如何做網頁壓縮

建議用通用的GZIP壓縮win2003中,在IIS管理器中,「網站」上面右鍵-屬性,是整個網站。進入「服務」標簽,選上啟用動態內容壓縮,靜態內容壓縮。重新啟動IIS。
即可檢測到啟用GZip壓縮。有些伺服器直接就支持了,可以先檢測

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

⑸ 自己網站內容過大,怎麼壓縮

首先,如果你需要壓縮靜態文件(HTML),需要在硬碟上建一個目錄,並給它「IUSR_機器名」這個用戶的寫許可權。如果壓縮動態文件(PHP,asp,aspx)就不需要了,因為它的頁面是每次都動態生成的,壓縮完就放棄。然後在IIS管理器中,「網站」上面右鍵-屬性,不是下面的某個站點,而是整個網站。進入「服務」標簽,選上啟用動態內容壓縮,靜態內容壓縮。然後選中網站下面那個伺服器擴展,新建一個伺服器擴展。名字無所謂,下面的添加文件的路徑是: c:\windows\system32\inetsrv\gzip.dll,然後啟用這個擴展。這時候靜態內容是可以壓縮的,但是對於動態內容,aspx文件卻不在壓縮范圍內。因為默認的可壓縮文件並沒有這個擴展名。而管理界面中你又找不到可以增加擴展名的地方,這時候只能去修改它的配置文件了。在c:\windows\system32\inetsrv\下面有個MetaBase.xml文件,可以用記事本打開,找到IIsCompressionScheme,有三個相同名字的段,分別是deflate,gzip,Parameters,第三段不用管它,前兩段有基本相同的參數,在這兩段的參數HcScriptFileExtensions下面都加上一行aspx,如果你有其它的動態程序要壓縮,也加在這里。HcDynamicCompressionLevel改成9,(0-10,9是性價比最高的一個)。然後需要重啟一下IIS服務,就可以體會到壓縮後的速度了。

⑹ 網站頁面怎麼壓縮

網站壓縮是在Web伺服器和瀏覽器間傳輸壓縮文本內容的方法。網站壓縮採用通用的壓縮演算法如gzip等壓縮HTML、JavaScript或CSS文件。
網站壓縮的最大好處就是降低了網路傳輸的數據量,從而提高客戶端瀏覽器的訪問速度。
當然,同時也會增加一點點伺服器的負擔。Gzip是比較常見的一種HTTP 壓縮演算法。

IIS默認並不支持HTTP壓縮,需要進行簡單的配置
1.打開Internet信息服務(IIS)管理器,右擊"網站"->"屬性"選擇"服務"。在"HTTP壓縮"框中選中"壓縮應用程序文件"和"壓縮靜態文件",按需要設置"臨時目錄"和"臨時目錄的最大限制";
2.提醒: 經試驗此步驟在本人機器上沒有作用, 可以忽略. 在 Internet信息服務(IIS)管理器,右擊"Web服務擴展"->"增加一個新的Web服務擴展...",在"新建Web服務擴展"框中輸入擴名"HTTP Compression",添加"要求的文件"為C:WINDOWSsystem32inetsrvgzip.dll,其中Windows系統目錄根據您的安裝可能有所不同,選中"設置擴展狀態為允許";
3.使用文本編輯器打開C:.xml(建議先備份), 找到Location ="/LM/W3SVC/Filters/Compression/gzip用於設置gzip壓縮,找到Location ="/LM/W3SVC/Filters/Compression/deflate"用於設置deflate壓縮. 上面兩個節點緊挨著.並且設置的屬性相同.
如果需要壓縮動態文件,則將HcDoDynamicCompression設置為"TRUE",並在HcScriptFileExtensions中增加您要壓縮的動態文件後綴名,如aspx;如果需要壓縮靜態文件,則將HcDoStaticCompression和 HcDoOnDemandCompression設置為"TRUE",並在HcFileExtensions中增加您需要壓縮的靜態文件後綴名,如 xml、css等;HcDynamicCompressionLevel和HcOnDemandCompLevel表示需要的壓縮率,數值在0-10, 默認為0. HcDynamicCompressionLevel屬性說明:
HcDynamicCompressionLevel Metabase PropertyHcOnDemandCompLevel 屬性說明:HcOnDemandCompLevel Metabase Property說明: 這兩個屬性值一般推薦設置為UI兩個文件(58k/188k)壓縮後的大小一直相同。

4.編輯完畢後保存MetaBase.xml文件;如果文件無法保存,則可能IIS正在使用該文件。打開"開始"->"管理工具"->"服務",停止"IIS Admin Service"後,即可保存
5.最後,重新啟動IIS。可以到HTTP壓縮測試網站驗證結果.以jQuery為例, 核心類庫和UI類庫原始大小分別是57k和188k,壓縮後分別是20k和45k:

⑺ 網頁怎麼壓縮,大師們指點一下。

一.摘要

本文總結了如何為使用IIS託管的網站啟用Gzip壓縮, 從而減少網頁網路傳輸大小, 提高用戶顯示頁面的速度.

二.前言
本文的知識點是從互聯網收集整理, 主要來源於中文wiki. 使用YSlow檢測網站啟用了哪些優化時, Gzip是十分關鍵的一項. 啟動Gip壓縮將立竿見影的減少頁面的網路傳輸大小.

三.HTTP壓縮概述
HTTP 壓縮是在Web伺服器和瀏覽器間傳輸壓縮文本內容的方法。HTTP壓縮採用通用的壓縮演算法如gzip等壓縮HTML、JavaScript或CSS文件。
壓縮的最大好處就是降低了網路傳輸的數據量,從而提高客戶端瀏覽器的訪問速度。
當然,同時也會增加一點點伺服器的負擔。Gzip是比較常見的一種HTTP 壓縮演算法。

四.HTTP壓縮工作原理

Web伺服器處理HTTP壓縮的工作原理如下:

1.Web
伺服器接收到瀏覽器的HTTP請求後,檢查瀏覽器是否支持HTTP壓縮;
在用戶瀏覽器發送請求的HTTP頭中, 帶有"Accept-Encoding: gzip, deflate"參數則表明支持gzip和deflate兩種壓縮演算法.
2.如果瀏覽器支持HTTP壓縮,Web伺服器檢查請求文件的後綴名;靜態文件和動態文件後綴啟動要所都需要在MetaBase.xml中設置.
靜態文件需要設置:
HcFileExtensions Metabase Property
(單擊跳轉到MSDN說明) 動態文件需要設置: HcScriptFileExtensions Metabase Property (單擊跳轉到MSDN說明)
3.如果請求文件是HTML、CSS等靜態文件並且文件後綴啟用了壓縮,則Web伺服器到壓縮緩沖目錄中檢查是否已經存在請求文件的最新壓縮文件;

4.如果請求文件的壓縮文件不存在,Web伺服器向瀏覽器返回未壓縮的請求文件,並在壓縮緩沖目錄中存放請求文件的壓縮文件;

5.如果請求文件的最新壓縮文件已經存在,則直接返回請求文件的壓縮文件;

6.如果請求文件是ASPX等動態文件並且文件後綴啟用了壓縮,Web伺服器動態壓縮內容並返回瀏覽器,壓縮內容不存放到壓縮緩存目錄中。

五. 在IIS中啟用HTTP壓縮

IIS默認並不支持HTTP壓縮,需要進行簡單的配置

1.打開Internet信息服務(IIS)管理器,右擊"網站"->"屬性"選擇"服務"。在"HTTP壓縮"框中選中"壓縮應用程序文件"和"壓縮靜態文件",按需要設置"臨時目錄"和"臨時目錄的最大限制";

2.提醒: 經試驗此步驟在本人機器上沒有作用, 可以忽略. 在 Internet信息服務(IIS)管理器,右擊"Web服務擴展"->"增加一個新的Web服務擴展...",在"新建Web服務擴展"框中輸入擴名"HTTP Compression",添加"要求的文件"為C:WINDOWSsystem32inetsrvgzip.dll,其中Windows系統目錄根據您的安裝可能有所不同,選中"設置擴展狀態為允許";

3.使用文本編輯器打開C:.xml(建議先備份), 找到Location ="/LM/W3SVC/Filters/Compression/gzip用於設置gzip壓縮,找到Location ="/LM/W3SVC/Filters/Compression/deflate"用於設置deflate壓縮. 上面兩個節點緊挨著.並且設置的屬性相同.
如果需要壓縮動態文件,則將HcDoDynamicCompression設置為"TRUE",並在HcScriptFileExtensions中增加您要壓縮的動態文件後綴名,如aspx;如果需要壓縮靜態文件,則將HcDoStaticCompression和 HcDoOnDemandCompression設置為"TRUE",並在HcFileExtensions中增加您需要壓縮的靜態文件後綴名,如 xml、css等;HcDynamicCompressionLevel和HcOnDemandCompLevel表示需要的壓縮率,數值在0-10, 默認為0. HcDynamicCompressionLevel屬性說明:
HcDynamicCompressionLevel Metabase PropertyHcOnDemandCompLevel 屬性說明:HcOnDemandCompLevel Metabase Property說明: 這兩個屬性值一般推薦設置為
9, 具有最佳性價比.但是在我的window server 2003上, 壓縮率無論如何設置, jQuery和jQuery
UI兩個文件(58k/188k)壓縮後的大小一直相同.(20k/45k). 下面是我的實例: Xml代碼

1.<IIsCompressionSchemeLocation="/LM/W3SVC/Filters/Compression/deflate"

2.HcCompressionDll="%windir%system32inetsrvgzip.dll"
3.HcCreateFlags="0"
4.HcDoDynamicCompression="TRUE"
5.HcDoOnDemandCompression="TRUE"
6.HcDoStaticCompression="true"
7.HcDynamicCompressionLevel="9"
8.HcFileExtensions="htm
9. html
10. txt
11. js
12. css
13. swf
14. xml"
15.
HcOnDemandCompLevel="9"

16. HcPriority="1"
17. HcScriptFileExtensions="asp
18. aspx
19. dll
20. exe"
21. >
22.</IIsCompressionScheme>
23.<IIsCompressionSchemeLocation="/LM/W3SVC/Filters/Compression/gzip"
24. HcCompressionDll="%windir%system32inetsrvgzip.dll"
25. HcCreateFlags="1"
26. HcDoDynamicCompression="TRUE"
27. HcDoOnDemandCompression="TRUE"
28. HcDoStaticCompression="true"
29. HcDynamicCompressionLevel="9"
30. HcFileExtensions="htm
31. html
32. txt
33. js
34. css
35. swf
36. xml"
37. HcOnDemandCompLevel="9"
38. HcPriority="1"
39.
HcScriptFileExtensions
="asp
40. aspx
41. dll
42. exe"
43. >
44.</IIsCompressionScheme>
.csharpcode, .csharpcode pre { font-size: small; color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre
{ margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd
{
color:
#0000ff;
}
.csharpcode
.str
{
color:
#006080;
}
.csharpcode
.op
{ color: #0000c0; } .csharpcode .preproc { color:
#cc6633; } .csharpcode .asp { background-color:
#ffff00;
}
.csharpcode
.html
{
color:
#800000;
}
.csharpcode
.attr
{
color:
#ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%;
margin: 0em; } .csharpcode .lnum { color: #606060; }
4.編輯完畢後保存MetaBase.xml文件;如果文件無法保存,則可能IIS正在使用該文件。打開"開始"->"管理工具"->"服務",停止"IIS Admin Service"後,即可保存
5.最後,重新啟動IIS。可以到HTTP壓縮測試網站驗證結果.以jQuery為例, 核心類庫和UI類庫原始大小分別是57k和188k,壓縮後分別是20k和45k:
我們通過Http頭中的: Content-Encoding:gzip 屬性判斷返回後的數據已經啟用了gzip壓縮:
使用YSlow檢測, 當只啟動靜態文件壓縮時:
Gzip壓縮評級為B:
當同時啟動了動態文件壓縮時, Gzip壓縮評級為A:

⑻ 如何利用gzip壓縮網頁來提升網站瀏覽速度

GZIP壓縮是一個經常被用到的WEB性能優化的技巧,它主要是對頁面代碼,CSS,Javascript,PHP等文件進行壓縮,而且在壓縮的前後,文件的大小會有明顯的改變,從而達到網站訪問加速的目的。



IIS啟用gzip壓縮方法

第一步:打開IIS,啟用HTTP壓縮服務

Content-Encoding:gzip

註:不管使用mod_gzip 還是mod_deflate,此處返回的信息都一樣。因為它們都是實現的gzip壓縮方式。

閱讀全文

與如何壓縮網站代碼相關的資料

熱點內容
網路共享中心沒有網卡 瀏覽:527
電腦無法檢測到網路代理 瀏覽:1376
筆記本電腦一天會用多少流量 瀏覽:594
蘋果電腦整機轉移新機 瀏覽:1380
突然無法連接工作網路 瀏覽:1076
聯通網路怎麼設置才好 瀏覽:1230
小區網路電腦怎麼連接路由器 瀏覽:1053
p1108列印機網路共享 瀏覽:1215
怎麼調節台式電腦護眼 瀏覽:716
深圳天虹蘋果電腦 瀏覽:952
網路總是異常斷開 瀏覽:617
中級配置台式電腦 瀏覽:1011
中國網路安全的戰士 瀏覽:637
同志網站在哪裡 瀏覽:1420
版觀看完整完結免費手機在線 瀏覽:1464
怎樣切換默認數據網路設置 瀏覽:1113
肯德基無線網無法訪問網路 瀏覽:1290
光纖貓怎麼連接不上網路 瀏覽:1495
神武3手游網路連接 瀏覽:969
局網列印機網路共享 瀏覽:1005