Gzip compression in Nginx - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to enable gzip compression in nginx.

Nginx

gzip [1];

Drag options to blanks, or click blank then click option'

Aoff

Bon

Cenable

Dtrue

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'enable' instead of 'on' causes syntax errors.

Using 'true' is not valid in nginx configuration.

Setting gzip on; enables gzip compression in nginx.

2fill in blank

medium

Complete the code to set the minimum file size for gzip compression to 1000 bytes.

Nginx

gzip_min_length [1];

Drag options to blanks, or click blank then click option'

A1000

B500

C1500

D2000

Attempts:

3 left

💡 Hint

Common Mistakes

Choosing a value too low or too high changes compression behavior.

Using non-numeric values causes errors.

The gzip_min_length directive sets the minimum length of a response to be compressed. Here, 1000 bytes is the correct value.

3fill in blank

hard

Fix the error in the gzip_types directive to compress text and JSON files.

Nginx

gzip_types [1];

Drag options to blanks, or click blank then click option'

Atext/plain application/json

Btext/plain, application/json

Ctext/plain; application/json

Dtext/plain|application/json

Attempts:

3 left

💡 Hint

Common Mistakes

Using commas or semicolons causes nginx to fail parsing.

Using pipes is not valid syntax.

In nginx, gzip_types lists MIME types separated by spaces without commas or other punctuation.

4fill in blank

hard

Fill both blanks to set gzip compression level to maximum and disable it for MSIE browsers.

Nginx

gzip_comp_level [1];
gzip_disable "[2]";

Drag options to blanks, or click blank then click option'

A9

B7

CMSIE

DFirefox

Attempts:

3 left

💡 Hint

Common Mistakes

Using compression levels outside 1-9 causes errors.

Disabling gzip for wrong browsers has no effect.

The gzip_comp_level directive sets compression level from 1 (lowest) to 9 (highest). To disable gzip for MSIE browsers, use gzip_disable "MSIE";.

5fill in blank

hard

Fill all three blanks to enable gzip, set minimum length to 500, and compress HTML files.

Nginx

gzip [1];
gzip_min_length [2];
gzip_types [3];

Drag options to blanks, or click blank then click option'

Aon

B500

Ctext/html

Doff

Attempts:

3 left

💡 Hint

Common Mistakes

Forgetting to enable gzip disables compression.

Using wrong MIME types prevents compression of desired files.

Enable gzip with on, set minimum length to 500 bytes, and compress HTML files by specifying text/html in gzip_types.

Practice

1. What is the main purpose of enabling gzip compression in nginx?

easy

A. To block certain file types from being served

B. To increase the server's CPU usage for better performance

C. To encrypt data between server and client

D. To reduce the size of files sent to the browser, speeding up page load

Solution

1. Step 1: Understand gzip compression purpose

   Gzip compresses files to reduce their size before sending to the browser.

2. Step 2: Connect compression to page load speed

   Smaller files load faster, improving website speed and user experience.

3. Final Answer:

   To reduce the size of files sent to the browser, speeding up page load -> Option D

4. Quick Check:

   gzip compression = smaller files = faster load [OK]

Hint: Remember gzip shrinks files to speed up loading [OK]

Common Mistakes:

• Thinking gzip increases CPU for performance
• Confusing gzip with encryption
• Believing gzip blocks files

2. Which of the following is the correct way to enable gzip compression in nginx configuration?

easy

A. gzip on;

B. gzip enable;

C. enable gzip;

D. gzip true;

Solution

1. Step 1: Recall nginx gzip syntax

   The correct directive to enable gzip is gzip on;.

2. Step 2: Check other options for syntax errors

   Options A, C, and D use invalid keywords or syntax not recognized by nginx.

3. Final Answer:

   gzip on; -> Option A

4. Quick Check:

   Enable gzip with 'gzip on;' [OK]

Hint: Use exact directive 'gzip on;' to enable gzip [OK]

Common Mistakes:

• Using 'gzip enable;' instead of 'gzip on;'
• Writing 'enable gzip;' which is invalid
• Using 'gzip true;' which is not recognized

3. Given this nginx snippet:

gzip on;
gzip_types text/plain application/json;

Which file types will be compressed when served?

medium

A. All file types are compressed

B. Only text/plain and application/json files

C. No files are compressed because gzip_types is incomplete

D. Only binary files are compressed

Solution

1. Step 1: Analyze gzip_types directive

   The directive specifies only text/plain and application/json MIME types for compression.

2. Step 2: Understand gzip on directive effect

   With gzip on;, only the listed types in gzip_types are compressed.

3. Final Answer:

   Only text/plain and application/json files -> Option B

4. Quick Check:

   gzip_types limits compression to listed types [OK]

Hint: gzip_types controls which file types get compressed [OK]

Common Mistakes:

• Assuming all files compress by default
• Thinking gzip_types must list all types including binaries
• Believing gzip_types disables compression

4. You added gzip on; and gzip_types text/html; to nginx.conf but compression is not working. What is the likely mistake?

medium

A. Enabling gzip disables compression by default

B. Using gzip_types with only one type

C. Forgetting to reload nginx after config change

D. Missing gzip_disable directive

Solution

1. Step 1: Check nginx reload requirement

   After config changes, nginx must be reloaded to apply new settings.

2. Step 2: Evaluate other options

   Using one type in gzip_types is valid; gzip on enables compression; gzip_disable disables it for some clients but is optional.

3. Final Answer:

   Forgetting to reload nginx after config change -> Option C

4. Quick Check:

   Reload nginx to apply gzip changes [OK]

Hint: Always reload nginx after config edits [OK]

Common Mistakes:

• Not reloading nginx after config update
• Thinking gzip_types must list many types
• Confusing gzip_disable as required

5. You want to compress HTML, CSS, and JavaScript files in nginx. Which configuration snippet correctly enables gzip for these types?

hard

A. gzip on;\ngzip_types text/html text/css application/javascript;

B. gzip on;\ngzip_types html css js;

C. gzip enable;\ngzip_types text/html text/css application/javascript;

D. gzip on;\ngzip_types text/html text/css js;

Solution

1. Step 1: Verify gzip enabling syntax

   The correct directive to enable gzip is gzip on;, not gzip enable;.

2. Step 2: Check MIME types in gzip_types

   File types must be specified by their MIME types: text/html, text/css, and application/javascript. Using extensions like 'html', 'css', or 'js' is invalid.

3. Final Answer:

   gzip on;\ngzip_types text/html text/css application/javascript; -> Option A

4. Quick Check:

   Use 'gzip on;' and correct MIME types [OK]

Hint: Use MIME types, not file extensions, in gzip_types [OK]

Common Mistakes:

• Using 'gzip enable;' instead of 'gzip on;'
• Listing file extensions instead of MIME types
• Omitting JavaScript MIME type