Для оптимизации css и JavaScript я использую Flask-Static-Compress.
pip install flask-static-compress
from flask_static_compress import FlaskStaticCompress app = Flask(__name__) compress = FlaskStaticCompress(app)
from flask_static_compress import FlaskStaticCompress #skip code compress = FlaskStaticCompress() # skip code def create_app(config_name): app = Flask(__name__) # skip code compress.init_app(app) # skip code
Оно реально стоит того? В моём случаи да. Пусть даже если посещаемость сайта не 10к в минуту, мне нравиться, что я отдаю css и js минимального размера. Google page speed рад этому.
Важнейший для меня момент: после редактирования файла css (js) он часто продолжает грузиться из кэша, что мешает, и добавляет проблем при обновление сайта, приходилось переименовывать вручную, так же править путь в шаблоне, использование Flask-Static-Compress решает этот вопрос. Короче это удобно когда сайт уже в интернете.
Использовать очень просто:
{% compress 'css' %} <link rel="stylesheet" type="text/css" media="all" href="{{ url_for('static', filename='css/style.css') }}"/> {% endcompress %} {% compress 'js' %} <script type="text/javascript" src="{{ url_for('static', filename='js/myapp.js') }}"></script> {% endcompress %}
В результате будет, что то вроде этого
<link type="text/css" rel="stylesheet" href="/static/sdist/ed3117165c9910028aec4d167077a78d.css">
Готовые файлы будут в директории /static/sdist/ лучше добавить её в .gitignore
app/static/sdist