Optimice su CSS para un sitio web más rápido
Copie el contenido de su archivo en el cuadro del lado izquierdo y obtendrá CSS optimizado en el otro. Perfecto para la transición del desarrollo a vivir.
Sobre
Hemos agregado algunos ejemplos de CSS a continuación si desea usarlo para realizar pruebas.
Esta herramienta está diseñada para reducir el tamaño de los archivos CSS y, si bien esto ayudará, no puede tomar decisiones como qué incluye su archivo y dónde debe estar dentro de su sitio.
Las indicaciones actuales apuntan a entre un 15 % y un 25 % de reducción promedio en el tamaño según el estilo del código, pero como puede ver en el ejemplo, ha logrado un 44 %.
Hemos estado usando esto durante varios años internamente, así que tenga confianza en él, sin embargo, si encuentra que rompe su código, no dude en contactarnos.
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}
