オプティマイゼーション

オプティマイゼーションとは何ですか

オプティマイゼーションとは、CSS コードに変換を実行してサイズを削減したり、そうできなければ最終的な CSS の gzip サイズを削減するモジュールのことです。各オプティマイゼーションは、1 つのモジュールまたは連携して動作する少数のモジュールによって実行されます。

cssnano の責任を複数のモジュールに分割する性質のため、変換を単独で使用しても最適な出力が得られない場合があります。たとえば、postcss-colormin は、これは postcss-normalize-whitespace によって処理されるため、color 関数内のホワイトスペースはトリミングしません。

cssnano ではどのようなオプティマイゼーションがサポートされていますか

オプティマイゼーションは、cssnano が構成されているプリセットによって異なります。デフォルトのプリセットでは、安全な変換のみが提供されます。

オプティマイゼーション	デフォルト	アドバンス	ライト
autoprefixer	❌	✅	❌
cssDeclarationSorter	✅	✅	❌
calc	✅	✅	❌
colormin	✅	✅	❌
convertValues	✅	✅	❌
discardComments	✅	✅	✅
discardDuplicates	✅	✅	❌
discardEmpty	✅	✅	✅
discardOverridden	✅	✅	❌
discardUnused	❌	✅	❌
mergeIdents	❌	✅	❌
mergeLonghand	✅	✅	❌
mergeRules	✅	✅	❌
minifyFontValues	✅	✅	❌
minifyGradients	✅	✅	❌
minifyParams	✅	✅	❌
minifySelectors	✅	✅	❌
normalizeCharset	✅	✅	❌
normalizeDisplayValues	✅	✅	❌
normalizePositions	✅	✅	❌
normalizeRepeatStyle	✅	✅	❌
normalizeString	✅	✅	❌
normalizeTimingFunctions	✅	✅	❌
normalizeUnicode	✅	✅	❌
normalizeUrl	✅	✅	❌
normalizeWhitespace	✅	✅	✅
orderedValues	✅	✅	❌
reduceIdents	❌	✅	❌
reduceInitial	✅	✅	❌
reduceTransforms	✅	✅	❌
svgo	✅	✅	❌
uniqueSelectors	✅	✅	❌
zindex	❌	✅	❌

プリセットに関する詳細は、プリセットガイドを参照してください。

最終更新日: 2024年6月5日（水）10:27:34 GMT