Complete steps to enable gzip compression in nginx

Complete steps to enable gzip compression in nginx

Preface

Enabling gzip compression on a website is the most common way to increase access speed on a website. It increases the access speed of a website by compressing static resources.

1. Configure gzip compression

  • Open the nginx configuration file
  • Modify the gzip configuration in nginx
  • Order
 vim /etc/nginx/nginx.conf

run

2. Detailed configuration

A detailed explanation of gzip configuration is as follows

 #Whether to enable gzip compression, on means enable, off means enable gzip on;
 
#Common static resources that need to be compressed gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
 
#Since nginx compression occurs on the browser side and Microsoft's IE6 is very bad, it will cause the compressed image to be invisible, so this option is to disable IE6 from compression gzip_disable "MSIE [1-6]\.";
 
#If the file is larger than 1k, start compression gzip_min_length 1k;
 
#Use 16k as a unit, and apply for memory space in 4 times the size of the original data. Generally, do not modify gzip_buffers 4 16k;
 
#Compression level, the number selection range is 1-9, the smaller the number, the faster the compression speed, and the more CPU consumption gzip_comp_level 2;
 
#Include all sub-configuration files with the suffix .conf in the /etc/nginx/conf.d directory include /etc/nginx/conf.d/*.conf;

3. Restart nginx service

For the configuration to take effect, remember to restart the nginx service

 nginx -t
 
nginx -s reload

4. Is the activation successful?

The first way to check whether a website uses gzip compression is to use the following command

Order

 curl -I -H "Accept-Encoding:gzip,deflate" "URL you want to view"

If the following result appears, the startup is successful

 Content-Encoding:gzip

The second way to check whether a website uses gzip compression is to check the Content-Encoding option in the response header through the console. If gzip appears, it is enabled successfully.

Although Nginx's Gzip compression function is easy to use, it is not recommended to enable this compression function for the following two types of file resources.

1) Image type resources (and video files)

Reason: Pictures such as jpg and png files are compressed themselves, so even if gzip is turned on, there is not much difference in size before and after compression, so turning it on will waste resources. (You can try compressing a jpg image into zip and observe that the size does not change much. Although the zip and gzip algorithms are different, it can be seen that the value of compressing images is not great)

2) Large file resources

Reason: It will consume a lot of CPU resources and may not have obvious effects.

Summarize

This is the end of this article about enabling gzip compression in nginx. For more information about enabling gzip compression in nginx, please search previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future!

You may also be interested in:
  • Detailed explanation of Nginx Gzip module enablement and configuration instructions
  • Detailed explanation of gzip configuration parameters under nginx
  • How to enable Gzip compression in Nginx to significantly increase page loading speed
  • Detailed explanation of how to enable Gzip compression in Nginx server configuration
  • Detailed explanation of GZip configuration parameters in Nginx server
  • Nginx enables GZIP compression web page transmission method (recommended)
  • nginx configure gzip compressed page
  • Speed ​​up nginx performance: enable gzip and cache
  • Nginx Basics - Gzip Configuration Guide
  • An article to understand the gzip function of nginx

<<:  Detailed explanation of computed properties in Vue

>>:  CSS3 implements the sample code of NES game console

Recommend

Summary of Vue first screen performance optimization component knowledge points

Vue first screen performance optimization compone...

A brief discussion on which fields in Mysql are suitable for indexing

Table of contents 1 The common rules for creating...

5 Simple XHTML Web Forms for Web Design

Simple XHTML web form in web design 5. Technique ...

The whole process of installing and configuring Harbor1.7 on CentOS7.5

1. Download the required packages wget -P /usr/lo...

Determine whether MySQL update will lock the table through examples

Two cases: 1. With index 2. Without index Prerequ...

Detailed Analysis of the Differences between break and last in Nginx

Let's talk about the difference first last, t...

MySQL series tutorials for beginners

Table of contents 1. Basic concepts and basic com...

Several methods of implementing carousel images in JS

Carousel The main idea is: In the large container...

Detailed explanation of JavaScript's Set data structure

Table of contents 1. What is Set 2. Set Construct...

How to use the realip module in Nginx basic learning

Preface There are two types of nginx modules, off...

A brief discussion on what situations in MySQL will cause index failure

Here are some tips from training institutions and...

Application of CSS3 animation effects in activity pages

background Before we know it, a busy year is comi...

Solution - BASH: /HOME/JAVA/JDK1.8.0_221/BIN/JAVA: Insufficient permissions

1) Enter the folder path where the jdk file is st...