IE8/9 - Máximo de bytes para el archivo CSS

La aplicación en la que estoy trabajando actualmente tiene un estilo excesivo de CSS y parece que hemos alcanzado algún tipo de limitación con IE8/9 y la cantidad de CSS que puede cargar. En algún punto, deja de interpretar el CSS y, por lo tanto, rompe el estilo en algunas páginas. Estamos utilizando Combres para comprimir/minificar los archivos que causan esos grandes archivos CSS. Esto parece suceder en el rango 400KB-450KB (Sí, sé que es demasiado para cualquier CSS).IE8/9 - Máximo de bytes para el archivo CSS

Entonces mi pregunta: ¿Cuál es el tamaño máximo para un único archivo CSS en IE?

¿También sería posible habilitar la compresión GZIP? IIS tiene habilitada la compresión dinámica/estática y parece funcionar en Chrome, pero no en IE.

Fuente

2012-09-20 MorganTiley

Leí en alguna parte que no es el tamaño del archivo lo que importa, sino el número de reglas. Supuestamente el límite es 4096. (Lo encontré: http://big-webowsky.meetpollux.com/2011/10/css-size-limit-in-internet-explorer-8/) –

Hay un límite en el número de selectores (4096), no hay límite de tamaño de bytes que conozca de –

Entonces, ¿4096 es para un solo archivo? p.ej. si el 4097.o estuviera en un segundo enlace CSS, ¿funcionaría? Además, cualquier fuente que haga referencia a esto le dará una respuesta;) – MorganTiley

Tiene razón, ya que el tamaño del archivo es el problema (aunque también hay una cantidad máxima de selectores que IE analizará). La compresión no ayudará más allá de la minificación que ya está haciendo, pero dividir el CSS en dos archivos resolverá su problema.

Todas las limitaciones se aplican por archivo. Considere separar el CSS por conjunto de características y solo cargar el CSS cuando sea necesario.

Fuente

2012-09-20 21:40:25

Por lo que he leído desde ayer, solo he visto que el número de selectores es el problema (4095 máximo). Si hay un límite de tamaño de archivo, ¿qué es exactamente y tiene alguna fuente/prueba para mostrarlo/probarlo? Gracias – MorganTiley

Aquí hay un artículo que otra persona escribió al respecto: http://joshua.perina.com/africa/gambia/fajara/post/internet-explorer-css-file-size-limit. La única prueba que tengo es que me he encontrado con este problema varias veces en el trabajo y he tenido que resolverlo dividiendo los archivos. –

Para IE hasta IE9 el tamaño del archivo CSS es máximo 288KB

Fuente

2014-04-23 10:28:43 Ram

Mi prueba reveló un tamaño máximo de 278kb –

me encontré con este problema, y el pensamiento, realmente ?? De todos modos, la solución es engañosamente simple, use blessc de Paul Young http://blesscss.com/
¡Gracias Paul!

Fuente

2015-08-20 04:18:51 pgee70

Uso Gulp-sakugawa, pero igual debe construir un archivo CSS para @importar los otros archivos que acaba de generar. https://www.npmjs.com/package/gulp-sakugawa

Mi problema con Bless es que todavía estaba dividiendo archivos en 300k y todavía es demasiado grande.

Fuente

2015-09-28 22:32:10 CodePosse

Mismo problema aquí, pero no veo dónde sakugawa pone un límite en el tamaño del archivo para IE8/9. Incluso cuando Sakugawa genera tres archivos, uno de ellos sigue siendo de 300kb. – Barryman9000

Ah ... si establece maxSelectors bastante bajo parece hacer el truco – Barryman9000

IE8/9 - Máximo de bytes para el archivo CSS

Respuesta

Cuestiones relacionadas