CSS ミニファイア

このツールについて

さて、あなたのCSSファイルが小説のように長くなってきていませんか？コメントだらけだったり、余分なスペースがあったり、削除し忘れた行があったり。まあ、動くんですよね—それなりに。でも重い。動作が遅い。イライラしますよね？

そこで登場するのがCSSミニファイアです。魔法じゃないですが、それに近いです。ごちゃごちゃで人間に読みやすいCSSを貼り付けると、コンパクトで最適化されたバージョンを吐き出します。無駄がありません。ブラウザが実際に必要とするものだけです。空白を削除し、コメントを取り除き、カラーコードを短縮し、場合によってはルールを統合します。スタイルを壊すことなく、すべてを実行します。

私はこれまでにこのようなツールを十数個使ってきました。ほとんどはまあまあです。いくつかは使いにくいです。いくつかは実際にかなりすっきりしています。でも、すべて同じ基本的な仕事をしています：CSSを小さくする。そして小さいほど、通常は読み込みが速くなります。正直に言って、それが私たち全員が望むことです。

主な機能

• 不要な空白や改行を削除します—ブラウザはあなたのフォーマットなんて気にしませんから。
• コメントをすべて削除します。2019年に自分自身のために残したメモでも。
• 可能な場合に16進カラーを短縮します—#ffffffは#fffになります。なぜ必要以上にタイプする必要があるでしょうか？
• 安全であれば、重複するセレクターやプロパティを統合します。
• 機能を保持します。レイアウトは壊れません。（たいていはね。）
• 即座に動作します。サインアップ不要、ダウンロード不要。貼り付けて実行するだけ。
• 後で出力を読みたい場合に備えて、「元に戻す」または「整形」オプションが通常あります。

よくある質問

ミニファイするとウェブサイトが壊れますか？
稀です。ほとんどのミニファイアは注意深く動作します。でも、CSSに変なハックがあったり、特定のフォーマット（特定の@importルールなど）に依存している場合、うまくいかないこともあります。ミニファイ後は必ずテストしてください。そしてバックアップを取っておいてください。本当に。

開発中にミニファイすべきですか？
いいえ。作業中は元のファイルをクリーンで読みやすい状態に保ってください。デプロイ準備ができたらのみミニファイしてください。後でデバッグに困る場合はソースマップを使ってください。