enable brotli compression nginx brotli vs gzip

 

 

#1 Install Brotil Module precompiled ubuntu & debian

sudo apt-get install brotli nginx nginx-module-brotli

#1.1 Add Repository if not yet added by default

sudo apt-add-repository -y ppa:hda-me/nginx-stable
sudo apt-get update

check nginx version stable or mainline and current version.

and repeat 1st step,

#1.3 installing brotle from source github compiling on server

check how to add dynamic module in nginx.

pagespeed module nginx

 

#2 Load module in nginx .conf top

nano /etc/nginx/nginx.conf

load_module modules/ngx_http_brotli_filter_module.so;
load_module modules/ngx_http_brotli_static_module.so;

#3 Replace  Gzip conf with Brotil bottom of nginx.conf

#brotli
 brotli              on;
 brotli_comp_level   5;
 brotli_static       on;
 brotli_types        text/xml image/svg+xml application/x-font-ttf image/vnd.microsoft.icon application/x-font-opentype application/json font/eot application/vnd.ms-fontobject application/javascript font/otf application/xml application/xhtml+xml text/javascript  application/x-javascript text/plain application/x-font-truetype application/xml+rss image/x-icon font/opentype text/css image/x-win-bitmap;

compression level 0-11.

you may use html separate compression level

 

#3.1 Use along with Gzip

You can place brotli compression. below the GZIP. browsers automatically choose between them based on supported compression.

 

 

#4 Restart nginx and verify the compression Accept-encoding

 

 

systemctl restart nginx

 

HTTP/2.0 200 OK
server: nginx
content-type: text/html; charset=UTF-8
vary: Accept-Encoding, 
content-encoding: br

Content length with gzip

content length with brotil

• Compile & install Nginx from source with brotli support
  & Remove existing
  Starts or restarts Nginx

#1 Installing Brotil in Apache ubuntu debian

 

sudo apt install brotli && sudo a2enmod brotli

 

#2 Configuring brotil in apache

 

you can edit conf directory in conf directory or module directory.

 

Adding to host for specific directory website.

    
<IfModule mod_brotli.c>
    AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/xml text/css text/javascript application/x-javascript application/javascript application/json application/x-font-ttf application/vnd.ms-fontobject image/x-icon
    </IfModule>

3. systemctl restart apache2

 

verifying  terminal  or online curl tool or chrome de tools

curl -I -H 'Accept-Encoding: br' https://raazkumar.com


curl -I https://raazkumar.com

curl -I -H 'Accept-Encoding: gzip' https://raazkumar.com

 

 

content-encoding: br

GZIP (Deflate) vs Bortil

 

GZIP: LZ77 +Huffman coding = Deflate algorithm.

General Rule: brotil compress better than gzip.

 

Why we use brotil instead of gzip?

faster than gzip, efficient than gzip.

it uses a dictionary of common keywords and phrases on both client and server side and thus gives a better compression ratio.

Js 14%, html 21%, Css 17% smaller than gzip as per recent study.

Images: may already compressed.

Compression level 1-11 (11 means high compression) 1MB file 1KB means 90% compression.

pagespeed improment maybe upto 30%-50% for static files.

gzip compression level by default 5 you may increase upto 11 for static files.

the downside is compression time. do test and deploy.

improve Page load speed 3 seconds to 2 seconds (30% smaller page size than gzip)

 

 

 

Troubleshooting

The following packages have unmet dependencies:
nginx-module-brotli : Depends: nginx (= 1.17.3-2-ppa7~bionic)   (compiled with 1.17 )
E: Unable to correct problems, you have held broken packages.

root@instance-1:~# nginx -V

nginx version: nginx/1.19.1

built by gcc 7.4.0 (Ubuntu 7.4.0-1ubuntu1~18.04.1) (Bionic )

we need to compile with installed nginx. or remove old nginx, install with brotil.  dynamic module.

Brotil by google at github