Error de conexión. Inténtalo de nuevo.

Saltar al contenido
SEO Tools
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

  1. 1Mueva estilos repetidos a CSS externo/combinado con clases.
  2. 2Manténgase en línea solo para valores verdaderamente únicos y calculados dinámicamente.
  3. 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