Envoyer du CSS compressé à Gzip avec Flask

Je voulais améliorer le problème que bootstrap.min.css était lent à charger, alors je me suis demandé comment je pouvais envoyer des css avec gzip ... J'ai enquêté et j'en ai pris note.

Faire une vue

Pour le moment, créons une nouvelle vue. Cette fois, nous enverrons une version compressée Gzip de bootstrap.min.css, donc créez un URI avec le nom / bootstrap.gz.css.

@app.route("/bootstrap.gz.css")

Compression Gzip

Chargez ensuite le fichier CSS compressé par Gzip. (Il est probablement possible de lire un fichier CSS normal et de le compresser avec le module gzip)

fp = open("static/css/bootstrap.min.css.gz")
content = fp.read()
fp.close()

Ajouter un peu à l'en-tête

Ce n'est pas bon, alors ajoutons quelques efforts à l'en-tête. Puisque nous compressons avec GZIP cette fois, ajoutez des informations à l'en-tête Content-Encoding.

res = make_response(content)
res.headers["Content-Type"] = "text/css"
res.headers["Content-Encoding"] = "gzip"

Les rassembler donne le code suivant. Cette fois, j'ai envoyé une version compressée de CSS, mais je pense que vous pouvez faire la même chose avec Javascript et des images ...!

@view.route("/bootstrap.gz.css")
def Bootstrap():
    fp = open("static/css/bootstrap.min.css.gz")
    content = fp.read()
    fp.close()

    res = make_response(content)
    res.headers["Content-Type"] = "text/css"
    res.headers["Content-Encoding"] = "gzip"

    return res

Veuillez vous y référer!