web頁面載入效能優化之 gzip

2022-09-12 12:54:20 字數 906 閱讀 4031

web專案頁面載入效能優化可以通過開啟服務端的gzip功能來實現,目前大部分客戶端瀏覽器request內建 content-encoding:gzip 屬性,如果沒有可以在request中配  置加上。

伺服器端tomcat 和weblogic 配置方式分別如下:

1. tomcat伺服器在server.xml 中加入配置引數

compressablemimetype="text/html,text/xml,text/j**ascript,text/css,text/plain" />

從上面節點的屬性可以看出,要使用gzip壓縮功能,你需要在connector節點中加上如下屬性

compression="on" 開啟壓縮功能

compressionminsize="50" 啟用壓縮的輸出內容大小,預設為2kb

nocompressionuseragents="gozilla, tr**iata" 對於以下的瀏覽器,不啟用壓縮

compressablemimetype="text/html,text/xml,text/j**ascript,text/css,text/plain" 哪些資源型別需要壓縮測試方法  

2.weblogic 伺服器配置如下:

四、開啟ext專案的web-inf/web.xml檔案 加入如下配置:

gzipfilter

com.tacitknowledge.filters.gzipfilter.gzipfilter

啟用了這個壓縮功能後,我們如何來測試壓縮是否有效呢?

首先tomcat是根據瀏覽器請求頭中的accept-encoding來判斷瀏覽器是否支援壓縮功能,如果這個值包含有gzip,就表明瀏覽器支援gzip壓縮內容的瀏覽, 然後我們可 以在響應頭裡面看看content-encoding:gzip以及對比使用gzip 屬性前後檔案的大小

Web 頁面效能優化

web 頁面效能優化 二 減少 http 的請求數 當使用者瀏覽頁面時,如果我們在使用者第一次訪問時將一些資訊一次性載入到客戶端快取,使用者訪問其他頁面時是可以大大提高頁面訪問速度的,因為每一次發生http請求是要產生伺服器開銷的,常用的方法有 合併css,js,並作為外部引用,這樣就可以減少訪問其...

Web前端效能優化 如何提高頁面載入速度

最近參加了兩次前端面試,都提到了頁面優化的問題,所以做個記錄吧!字型圖示 在可以大量使用字型圖示的地方我們可以盡可能使用字型圖示,字型圖示可以減少很多的使用,從而減少http請求,字型圖示還可以通過css來設定顏色 大小等樣式。將樣式表放在頭部對於實際頁面載入的時間並不能造成太大影響,但是這會減少頁...

效能優化之懶載入

1 懶載入 原理 先將img標籤的src鏈結設為同一張 比如空白 然後給img標籤設定自定義屬性 比如 data src 然後將真正的位址儲存在data src中,當js監聽到該元素進入可視視窗時,將自定義屬性中的位址儲存到src屬性中。達到懶載入的效果。優點 這樣做能防止頁面一次性向伺服器傳送大量...