Ayuda y documentación
Velocidad Impacto bajo Fácil 30 a 60 minutos
Estilos en línea
Mucho estilo="..." empeora el almacenamiento en caché y la mantenibilidad.
Qué es
Los estilos en línea son CSS escritos directamente en el atributo style="..." de los elementos. En grandes cantidades, amplían el HTML y no se pueden almacenar en caché ni reutilizar.
Por qué importa
El HTML con muchos estilos en línea es más grande (se transfiere en cada carga) y más difícil de mantener. La excepción es el "CSS crítico" en línea intencional en el encabezado para la velocidad.
Cómo hacerlo
- 1Mueva estilos repetidos a CSS externo/combinado con clases.
- 2Manténgase en línea solo para valores verdaderamente únicos y calculados dinámicamente.
- 3CSS crítico intencional en <head> está bien; eso no es lo mismo.
Conclusión
Prioridad baja, más una cuestión de limpieza y capacidad de almacenamiento en caché. Mueva estilos en línea masivos a clases; la excepción es el CSS crítico deliberado. No lo aborde antes del peso de la imagen y del bloqueo de recursos.
Temas relacionados