Prefix-free es un genial complemento de Lea Verou. Ayuda al desarrollador a escribir selectores de CSS3 sin prefijo. Me pregunto si vale la pena incluirlo en mi sitio.¿Debo incluir el complemento "sin prefijo" en mi sitio web
Tengo un sitio web con algunos CSS3 y quiero saber si cargar un archivo JS que cambie el CSS después de cargar la página puede disminuir la velocidad de procesamiento de mis páginas y afectar el rendimiento del lado del cliente?
Por supuesto, la ejecución de un Javascript que lo altere disminuirá el rendimiento de su sitio, tanto en términos de tiempo de ejecución de javascript como de velocidad de (re) renderización de su sitio.
Es muy costoso dejar que javascript examine y altere todo su CSS. Prefiero los preprocesadores como SASS o LESS que le permiten escribir CSS sin prefijo y producir el CSS prefijado antes de entregarlo al cliente. Por supuesto, esto tiene el inconveniente de tener archivos css más grandes para transferir, pero aún así esta es la solución que prefiero.
No necesita escribir las mezclas necesarias para usted, básicamente hay un sinnúmero de extensiones, que harán el trabajo por usted y proporcionarán mixins listas para usar.
Justo fuera de la parte superior de mi cabeza: por menos, se podría utilizar http://lessprefixer.com/ - para Sass http://compass-style.org/
Gracias, creo que voy a comprobar cómo cada una de las soluciones afecta el rendimiento de mi sitio – benams
Cómo usar menos para hacer una versión prefijada de css –
@MuhammadUmer Mediante el uso de mixins que agregan el prefijo necesario automáticamente. Un ejemplo sería http://lessprefixer.com/ Edité mi respuesta en consecuencia. – Christoph
Sí, se puede esperar disminución en el tiempo de carga de página y posiblemente FOUC.
Si no quiere comprometer la experiencia del usuario final, le recomendaría que utilice herramientas como LESS. Less le permite escribir un código CSS más compacto y manejable que se transforma en CSS regular antes de enviarlo de servidor a cliente. Manejará fácilmente el problema del prefijo css.
He visto -prefix-free para causar FOUC en Chrome. *Mucho.* – BoltClock
Principalmente propiedades, pero también selectores a veces (como ':: - moz-selection') – BoltClock