First Install gzip Webpack plugin
npm i -D compression-webpack-plugin
In webpack.mix.js add plugin configuration:
const CompressionPlugin = require("compression-webpack-plugin")
mix.webpackConfig({
plugins: [
new CompressionPlugin({
asset: "[path]gz[query]",
algorithm: "gzip",
test: /\.js$|\.css$/,
threshold: 10240,
minRatio: 0.8
})
]
});
In .haccess file append in mod_rewrite section:
# PreGzipped Files
AddEncoding gzip .jsgz .cssgz
AddType application/x-javascript .jsgz
AddType text/css .cssgz
RewriteEngine on
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}gz -f
RewriteRule ^(.+)\.(css|js)$ $1.$2gz [L]