Flask-Compress for compression - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the Flask-Compress extension.

Flask

from flask_compress import [1]

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

ACompress

BCompression

Ccompress

DFlaskCompress

Attempts:

3 left

💡 Hint

Common Mistakes

Using lowercase 'compress' instead of 'Compress'.

Using 'FlaskCompress' which does not exist.

The correct class to import from flask_compress is Compress.

2fill in blank

medium

Complete the code to create a Flask app instance.

Flask

app = [1](__name__)

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

AFlaskCompress

BFlask

CCompress

DApp

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'Compress' or 'FlaskCompress' instead of 'Flask'.

Using a lowercase 'flask' which is a module, not a class.

To create a Flask app, you call the Flask class with __name__.

3fill in blank

hard

Fix the error in initializing Flask-Compress with the app.

Flask

compress = Compress()
compress.[1](app)

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

Ainit_app

Binitialize

Cstart

Dsetup

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'initialize' or 'start' which are not valid methods.

Using 'setup' which is incorrect here.

The method to initialize the extension with the app is init_app.

4fill in blank

hard

Fill both blanks to configure Flask-Compress to compress responses larger than 500 bytes.

Flask

app.config['COMPRESS_MIN_SIZE'] = [1]
compress = Compress()
compress.[2](app)

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

Ainit_app

B500

C1000

Dstart

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'start' instead of 'init_app'.

Setting the size to 1000 instead of 500.

Set COMPRESS_MIN_SIZE to 500 and initialize with init_app.

5fill in blank

hard

Fill all three blanks to create a Flask app, configure Flask-Compress, and initialize it.

Flask

from flask import Flask
from flask_compress import [1]

app = [2](__name__)
app.config['COMPRESS_ALGORITHM'] = '[3]'
compress = Compress()
compress.init_app(app)

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

ACompress

BFlask

Cgzip

Dcompress

Attempts:

3 left

💡 Hint

Common Mistakes

Using lowercase 'compress' instead of 'Compress'.

Setting algorithm to 'compress' which is invalid.

Import Compress, create app with Flask, and set compression algorithm to gzip.

Practice

1. What is the main purpose of using Flask-Compress in a Flask application?

easy

A. To add database support to the Flask app

B. To compress HTTP responses and make the app faster

C. To handle user authentication automatically

D. To create HTML templates for the app

Solution

1. Step 1: Understand Flask-Compress functionality

   Flask-Compress is designed to compress HTTP responses to reduce data size sent to clients.

2. Step 2: Identify the main benefit

   Compressing responses makes the app faster by reducing load times and bandwidth.

3. Final Answer:

   To compress HTTP responses and make the app faster -> Option B

4. Quick Check:

   Compression improves speed = B [OK]

Hint: Flask-Compress speeds apps by shrinking response size [OK]

Common Mistakes:

• Confusing compression with database or authentication features
• Thinking it creates templates
• Assuming it handles routing

2. Which of the following is the correct way to enable Flask-Compress in your Flask app?

easy

A. from flask_compress import Compress
app = Flask(__name__)
Compress(app)

B. import compress
app = Flask()
compress.enable(app)

C. from flask_compress import Compress
app = Flask()
app.compress = True

D. import FlaskCompress
app = Flask(__name__)
FlaskCompress.compress(app)

Solution

1. Step 1: Check import and initialization syntax

   The official way is to import Compress from flask_compress and call Compress(app) after creating the Flask app.

2. Step 2: Verify each option

   from flask_compress import Compress app = Flask(__name__) Compress(app) matches the correct import and usage. Others use wrong module names or incorrect method calls.

3. Final Answer:

   from flask_compress import Compress app = Flask(__name__) Compress(app) -> Option A

4. Quick Check:

   Correct import and call = A [OK]

Hint: Import Compress and call Compress(app) to enable [OK]

Common Mistakes:

• Using wrong import names
• Trying to set app.compress = True
• Calling non-existent methods

3. Given this Flask app code snippet using Flask-Compress, what will be the effect on the HTTP response?

from flask import Flask
from flask_compress import Compress

app = Flask(__name__)
Compress(app)

@app.route('/')
def home():
    return 'Hello, world!'

medium

A. The response will be compressed if the client supports it

B. The response will always be uncompressed

C. The app will raise an error because Compress is not configured

D. The response will be compressed only for POST requests

Solution

1. Step 1: Understand default behavior of Flask-Compress

   Flask-Compress automatically compresses responses if the client sends headers indicating support (like Accept-Encoding).

2. Step 2: Analyze the code snippet

   The app initializes Compress with the app and returns a simple string. Compression will happen conditionally based on client support.

3. Final Answer:

   The response will be compressed if the client supports it -> Option A

4. Quick Check:

   Compression depends on client headers = A [OK]

Hint: Compression happens only if client supports it [OK]

Common Mistakes:

• Assuming compression is always on
• Thinking configuration is mandatory
• Believing compression only works on POST

4. You added Flask-Compress to your Flask app but notice responses are not compressed. Which of these is the most likely cause?

medium

A. You forgot to call Compress(app) after creating the Flask app

B. You used Compress() without passing the app instance

C. The client does not send Accept-Encoding header

D. All of the above

Solution

1. Step 1: Check Flask-Compress initialization

   If you don't call Compress(app) or call Compress() without app, compression won't activate.

2. Step 2: Consider client headers

   Compression only happens if the client sends Accept-Encoding header indicating support.

3. Step 3: Combine causes

   All these issues can cause no compression, so the correct answer is all of the above.

4. Final Answer:

   All of the above -> Option D

5. Quick Check:

   Initialization and client headers both matter = D [OK]

Hint: Check app init and client headers for compression issues [OK]

Common Mistakes:

• Ignoring client headers
• Not calling Compress(app)
• Assuming compression works without setup

5. You want to compress only JSON responses in your Flask app using Flask-Compress. Which configuration change achieves this?

hard

A. Set app.config['COMPRESS_LEVEL'] = 'json' before calling Compress(app)

B. Call Compress(app, mime_types=['application/json']) after app creation

C. Set app.config['COMPRESS_MIMETYPES'] = ['application/json'] before calling Compress(app)

D. Use @compress.json_only decorator on JSON routes

Solution

1. Step 1: Understand Flask-Compress configuration

   You can specify which MIME types to compress by setting COMPRESS_MIMETYPES in app config before initializing Compress.

2. Step 2: Evaluate options

   Set app.config['COMPRESS_MIMETYPES'] = ['application/json'] before calling Compress(app) correctly sets COMPRESS_MIMETYPES to ['application/json'] before calling Compress(app). Call Compress(app, mime_types=['application/json']) after app creation is invalid because Compress does not accept mime_types parameter. Options A and D are incorrect configurations or decorators.

3. Final Answer:

   Set app.config['COMPRESS_MIMETYPES'] = ['application/json'] before calling Compress(app) -> Option C

4. Quick Check:

   Configure COMPRESS_MIMETYPES before Compress = C [OK]

Hint: Set COMPRESS_MIMETYPES in config before Compress(app) [OK]

Common Mistakes:

• Trying to pass mime_types to Compress()
• Using wrong config keys
• Expecting decorators to control compression