1、簡述

隨著 Web 應用的用戶量和數(shù)據(jù)量增加，網(wǎng)絡帶寬和頁面加載速度逐漸成為瓶頸。為了減少數(shù)據(jù)傳輸量，提高用戶體驗，我們可以使用 Gzip 壓縮 HTTP 響應。本文將介紹如何在 Spring Boot 3 中實現(xiàn) Gzip 壓縮優(yōu)化。

2、配置

Spring Boot 3 對 Gzip 壓縮提供了開箱即用的支持，我們可以通過簡單配置來啟用 Gzip 壓縮。

2.1 添加依賴

在 Spring Boot 3 項目中，無需額外添加依賴，因為 Gzip 支持是內(nèi)置的。只需配置即可。

2.2 配置 Gzip 壓縮

通過修改 application.yml 或 application.properties 文件，可以輕松啟用 Gzip 壓縮。

application.yml 配置示例：

server:
  compression:
    enabled: true
    mime-types: text/html, text/xml, text/plain, text/css, text/javascript, application/javascript, application/json, application/xml
    min-response-size: 1024

application.properties 配置示例：

server.compression.enabled=true
server.compression.mime-types=text/html,text/xml,text/plain,text/css,text/javascript,application/javascript,application/json,application/xml
server.compression.min-response-size=1024

配置詳解：

• server.compression.enabled：啟用或禁用 Gzip 壓縮。設置為 true 以啟用壓縮。
• server.compression.mime-types：定義哪些 MIME 類型的響應數(shù)據(jù)將被壓縮。通常我們壓縮 HTML、CSS、JavaScript、JSON 等類型的數(shù)據(jù)。
• server.compression.min-response-size：設置壓縮的最小響應大?。ㄒ宰止?jié)為單位）。如果響應數(shù)據(jù)小于這個值，將不進行壓縮。設置為 1024 表示只有響應大于 1KB 時才會進行壓縮。

3、服務端應用

在 Spring Boot 3 中，啟用 Gzip 壓縮非常簡單。以下是如何在后端服務中實現(xiàn) Gzip 壓縮以優(yōu)化 API 響應數(shù)據(jù)的示例。假設有一個返回 JSON 數(shù)據(jù)的 API：

@RestController
public class DataController {

    @GetMapping("/data")
    public ResponseEntity<List<String>> getData() {
        List<String> data = List.of("Item 1", "Item 2", "Item 3", "Item 4", "Item 5");
        return ResponseEntity.ok(data);
    }
}

啟用 Gzip 壓縮后，當數(shù)據(jù)量較大時，這個 API 響應將被壓縮以減少傳輸?shù)臄?shù)據(jù)量。

你可以使用 curl 來查看后端是否啟用了 Gzip 壓縮：

curl -H "Accept-Encoding: gzip" -I http://localhost:8080/data

你將會在響應頭中看到類似的內(nèi)容：

Content-Encoding: gzip

這表明 Gzip 壓縮已經(jīng)生效。

4、前端應用

在前端，Gzip 常用于壓縮靜態(tài)資源（如 HTML、CSS、JavaScript 文件），從而減少用戶加載頁面所需的時間。通常，這些靜態(tài)資源通過 Web 服務器（如 Nginx 或 Apache）或打包工具（如 Webpack）進行 Gzip 壓縮。

4.1 Nginx 配置靜態(tài)資源的 Gzip 壓縮

假設你在前端應用中使用 Nginx 作為靜態(tài)資源服務器，你可以通過修改 Nginx 配置來啟用 Gzip 壓縮。Nginx 配置文件 (nginx.conf) 示例：

server {
    listen 80;
    server_name example.com;

    # 啟用 gzip 壓縮
    gzip on;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
    gzip_min_length 1024;
    gzip_comp_level 5;

    location / {
        root /var/www/html;
        try_files $uri $uri/ =404;
    }
}

• gzip on：啟用 Gzip 壓縮。
• gzip_types：指定要壓縮的 MIME 類型（HTML、CSS、JavaScript、JSON 等）。
• gzip_min_length：僅壓縮大于指定長度（1024 字節(jié)）的文件。
• gzip_comp_level：壓縮級別（1-9），數(shù)字越大壓縮越強，但同時 CPU 資源消耗更多。

4.2 使用 Webpack 對前端文件進行 Gzip 壓縮

如果你在前端開發(fā)中使用 Webpack 構建工具，你可以借助 compression-webpack-plugin 對生成的靜態(tài)資源進行 Gzip 壓縮。

安裝插件：

npm install compression-webpack-plugin --save-dev

修改 webpack.config.js：

const CompressionPlugin = require('compression-webpack-plugin');

module.exports = {
    entry: './src/index.js',
    output: {
        path: __dirname + '/dist',
        filename: 'bundle.js'
    },
    plugins: [
        new CompressionPlugin({
            filename: '[path].gz[query]',
            algorithm: 'gzip',
            test: /\.(js|css|html|svg)$/,
            threshold: 10240,
            minRatio: 0.8,
        }),
    ],
};

• algorithm: ‘gzip’：使用 Gzip 算法。
• test: /.(js|css|html|svg)$/：指定需要壓縮的文件類型。
• threshold: 10240：僅壓縮大小超過 10KB 的文件。
• minRatio: 0.8：壓縮比最小值，只有壓縮比小于 0.8 的文件才會被壓縮。

運行 Webpack 構建后，靜態(tài)資源將生成 Gzip 壓縮版，服務器可以優(yōu)先提供這些壓縮后的文件給瀏覽器，減少加載時間。

5、性能提升

使用 Gzip 壓縮后，響應數(shù)據(jù)量可以顯著減少，尤其是在數(shù)據(jù)量較大的情況下，性能提升尤為明顯。以下是一些優(yōu)化結果的示例：

• 壓縮前：原始 JSON 響應大小為 120KB。
• 壓縮后：啟用 Gzip 壓縮后，響應數(shù)據(jù)大小減少到 30KB。
  通過減少傳輸數(shù)據(jù)的大小，應用的響應速度大幅提升，帶寬消耗減少。

注意事項

• CPU 開銷：雖然 Gzip 壓縮可以減少傳輸數(shù)據(jù)大小，但壓縮和解壓縮過程會消耗一定的 CPU 資源。如果你的應用對 CPU 敏感，建議合理設置 min-response-size 以避免對小文件進行壓縮。
• 靜態(tài)資源：對于靜態(tài)資源（如 CSS 和 JavaScript 文件），如果你使用了 Nginx 或其他代理服務器，建議在代理層進行 Gzip 壓縮，而不是在 Spring Boot 中處理。

6、結論

在 Spring Boot 3 中啟用 Gzip 壓縮是優(yōu)化應用性能的簡單有效方式，尤其適用于需要處理大量靜態(tài)資源和 API 響應的應用。通過合理的配置，你可以顯著減少網(wǎng)絡帶寬消耗，提升應用的響應速度，從而為用戶提供更好的體驗。

以上就是SpringBoot3實現(xiàn)Gzip壓縮優(yōu)化的技術指南的詳細內(nèi)容，更多關于SpringBoot3 Gzip壓縮優(yōu)化的資料請關注腳本之家其它相關文章！

最新評論