CSS ミニファイアー オンライン

このページでは、CSS が事前に選択されたコードミニファイアーが開きます。スタイルシートを貼り付けてボタンを押すと、コメントが削除され、中括弧、コロン、セミコロン、カンマの周りの空白が折りたたまれ、すべての閉じ中括弧が削除される前の冗長な最後のセミコロンが含まれた 1 つのコンパクトな行が得られます。

書式設定されたスタイルシートはほとんどがインデントとコメントであるため、CSS は縮小に非常によく対応します。通常、ファイル サイズの 15% ～ 40% が節約されます。 CSS が小さいほど、スタイルシートがレンダリングをブロックするリソースであるため、ブラウザがレンダリングをより早く開始することを意味します。CSS から 1 キロバイトトリミングされるごとに、低速接続で最初にペイントする時間が短縮されます。

ミニファイアは重要な部分に注意を払っています。コンテンツ プロパティの文字列と url() 値はそのままコピーされ、セレクター レベルのコロンの周囲のスペースは保持されるため、「a :hover」などのコンビネータの意味が保たれます。サイズパネルには前後のバイト数と保存された割合が表示され、結果はワンクリックでコピーまたはダウンロードできます。