Django の js/css 圧縮コンポーネント Django Compressor

ウェブサイトの読み込み速度を上げるには、通常、より多くの JS と CSS を圧縮する必要があります。これらすべての js および css 圧縮作業を手動で処理すると、時間と労力がかかります。

Django Compressor は js/css の自動圧縮を実現できます。 Django Compressor は使いやすさの点で非常に優れており、ドキュメントに従って簡単な設定を行うだけで正常に動作します。全員がこの文書を最後まで読むことを強くお勧めします (文書は非常に短いです)。

使用する場合は、compressタグにcss/jsを入れるだけで、Django Compressorが自動的に処理してくれます。デバッグ モードでは、Django Compressor は何も行いません。非デバッグ モードでは、Django Compressor は自動的に js/css を圧縮し、圧縮された問題を Django の STATIC_ROOT ディレクトリに出力します。したがって、STATIC_ROOT ディレクトリが正しく設定されていることを確認してください。

{% 圧縮 %}
{% 圧縮 [ [block_name]] %}

{% endcompress %}

{% compress css %}
{% endcompress %}

coffeescript、less は

coffeescript と Less をサポートしますjs を使用して直接処理されます。正式リリース時には、読み込み速度を高めるために js と css に事前にコンパイルする必要があります。 Django Compressor は、型に基づいて前処理を実行する COMPRESS_PRECOMPILERS 設定を提供します。

COMPRESS_PRECOMPILERS = (
('text/coffeescript', 'coffee --compile --stdio'),
('text/less', 'lessc {infile} {outfile}'),
('text/x- sass', 'sass {infile} {outfile}'),
('text/x-scss', 'sass --scss {infile} {outfile}'),
)

なぜなら、coffeescript は、開発段階以下では、対応する js ファイルを開発段階で導入する必要があり、非開発環境では自動的に閉じる必要があります。残念ながら、Django Compressor には関連する設定がありません。この目的のために、テンプレート内の Django 設定を取得する tagget_setting を作成しました。このタグは、私の別のプロジェクトである django-helper に含まれています。

{% get_setting "COMPRESS_ENABLED" "" "COMPRESS_ENABLED" %}
{% COMPRESS_ENABLED でない場合は %}

{% endif %}