CSS を最適化して Web サイトを高速化する
ファイルの内容を左側のボックスにコピーすると、もう一方のボックスに最適化された CSS が返されます。開発からライブへの移行に最適です。
約
テストに使用する場合は、以下に CSS の例をいくつか追加しました。
このツールは、CSS ファイルのサイズを小さくするように設計されています。これは役に立ちますが、ファイルに含まれるものやサイト内のどこに配置するかを決定することはできません。
現在の指標では、コードのスタイリングに応じて、サイズが平均 15% から 25% 削減されることを示していますが、例でわかるように、44% を達成しています。
私たちはこれを社内で何年も使用してきたので、自信を持って使用していますが、コードが壊れていることがわかった場合は、お気軽にお問い合わせください。
Test CSS
/*Test CSS*/
.share {
position: relative;
}
.shareItems {
position: absolute;
width: 112px;
height: 96px;
right: 0px;
top: 32px;
text-align: center;
background-color: #111111;
border-radius: 16px;
}
.share .shareItems {
display: none;
}
.share:hover .shareItems {
display: block;
}
Return CSS
.share{position:relative}.shareItems{position:absolute;width:112px;height:96px;right:0px;top:32px;text-align:center;background-color:#111;border-radius:16px}.share .shareItems{display:none}.share:hover .shareItems{display:block}
