CODEWITHSUNDEEP
javascriptangular
Sumethan B
Sumethan B

Reputation: 21

How to enable gzip compression on production build in angular 12?

1.Integrated new web.config.js for gzip compression, https://i.sstatic.net/MuVt4.png

2.Updated angular.json file,

"build": {
          "builder": "@angular-builders/custom-webpack:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "tsconfig.app.json",
            "customWebpackConfig": {
              "path": "./webpack.config.js"
            },

dist files are compressed with .gz extention and but it is not reflecting on browser after deployment.

3.'content-encoding:gzip' is not showing on browser network response header, https://i.sstatic.net/nkSoV.png.

is there anything to handle on server side for enabling this?

Upvotes: 1

Views: 1583

Answers (1)

Arun VC
Arun VC

Reputation: 164

if you are using web servers like apache / nginx you can enable gz compression on your web server

Upvotes: 1

Related Questions