seems alright

frontend/webpack.config.js

@@ -4,6 +4,9 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 const FaviconsWebpackPlugin = require('favicons-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const CompressionPlugin = require('compression-webpack-plugin');
+const zlib = require('zlib');
 const sharp = require('sharp');
 const webpack = require('webpack');
 const packageJson = require('./package.json');
@@ -150,11 +153,49 @@ module.exports = (env, argv) => {
               filename: '[name].[contenthash:8].css',
               chunkFilename: '[name].[contenthash:8].css',
             }),
+            new CompressionPlugin({
+              filename: '[path][base].gz',
+              algorithm: 'gzip',
+              test: /\.(js|css|html|svg|json|wasm)$/,
+              threshold: 1024,
+              minRatio: 0.8,
+            }),
+            new CompressionPlugin({
+              filename: '[path][base].br',
+              algorithm: 'brotliCompress',
+              test: /\.(js|css|html|svg|json|wasm)$/,
+              compressionOptions: {
+                params: {
+                  [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
+                },
+              },
+              threshold: 1024,
+              minRatio: 0.8,
+            }),
           ]
         : [new ReactRefreshWebpackPlugin()]),
     ],
     optimization: isProduction
       ? {
+          minimize: true,
+          minimizer: [
+            new TerserPlugin({
+              parallel: true,
+              extractComments: false,
+              terserOptions: {
+                compress: {
+                  drop_console: true,
+                  drop_debugger: true,
+                  passes: 2,
+                },
+                format: {
+                  comments: false,
+                },
+                keep_classnames: true,
+                keep_fnames: false,
+              },
+            }),
+          ],
           splitChunks: {
             chunks: 'all',
             cacheGroups: {