Hola,
Como saben, cuando trabajas con CSS3 creas los llamados 'prefijos' para tener compatibilidad con los navegadores más importantes:
Código CSS:
Ver original-webkit-animation-name: loquesea;
-moz-animation-name: loquesea;
-o-animation-name: loquesea;
-ms-animation-name: loquesea;
@-webkit-keyframes loquesea{}
@-moz-keyframes loquesea{}
@-o-keyframes loquesea{}
@-ms-keyframes loquesea{}
A pesar de saber lo indispensable que es poner los prefijos tengo una duda... No sé si también se deben agregar las propiedades de animación sin prefijo, o sea así:
Código CSS:
Ver originalanimation-name: loquesea;
@keyframes loquesea{}
Lo que pasa es que he analizado mi página en
http://developers.google.com/ y no está muy bien, tiene 72/100 y antes tenía 90/100. Una de las recomendaciones que hacen es la siguiente literalmente:
Tu página tiene 1 recursos CSS que provocan un bloqueo. Ello causa un retraso en el procesamiento de la página.
No sé que pueda ser, he revisado el CSS y está bien, lo único que me preocupa es que tengo mucho código producto de las animaciones CSS3. Por eso pregunto si es necesario poner el KEYFRAMES sin el prefijo o si está por las puras, quizá no es necesario ponerlo y ese código inservible está poniendo lenta la página...