Hola,
Estoy optimizando mi web para que vaya más rápido.
Respecto al CSS tengo la siguiente duda, sobre qué es
mejor de cara a la velocidad:
.......................................................
Externo: tiene un link en nuestro código
Interno: está incluido en nuestro código
.......................................................
1. CSS largo (extreno) [de todas páginas]
Este sería el CSS de todas las páginas de la web. No sé
si es necesatio, que la gente cargue todo este CSS,
para ver sólo 1 ó 2 páginas.
2. CSS medio (externo) [de todas páginas] + CSS corto
(interno) [de la página en cuestión]
3. CSS medio (externo) [de todas páginas] + CSS corto
(externo) [de la página en cuestión]
Me gustaría saber qué opción es la más rápida,
y si se os ocurre alguna otra.
Muchas gracias!
Hola mjamjamja
En principio es más recomendable siempre usar hojas de estilo externas. Primero porque así tienes separadas la estructura (html) y el estilo (css) y será más fácil para ti y para quien pueda manipular la página localizar lo que busque.
Además, si la página es dinámica, puedes ir cargando sólo las hojas de estilo que te interesen en cada caso y no tienes porqué ir arrastrando código css que no vas a usar en este o aquel archivo que cargues. La mejora en la velocidad no es que se note mucho pero sí agilizas la carga al no cargar con código inútil.
No intentes hacer todo el CSS en un sólo archivo. Divídelo por funcionalidades de la página y crea una hoja de estilo para cada uno. Esto facilita el trabajo a la hora de realizar cambios.
Espero haberte aclarado lo que preguntabas. Si no... pues aquí estamos.
Un saludo
Hola. La gran ventaja de estilos en hojas aparte del código general de un HTML es que puedes definir las características a modo general para todas tus páginas, de la otra forma tendrías que definir CSS en todas y cada una. Si lo aplicamos a la rapidéz que nos consultas, debemos entender que el navegador de esa forma ejecuta solamente las sentencias que aplican al HTML que esta viendo el usuario en ese momento, por consiguiente, claro que es más rápido.
De hacerlo mitad externo y mitad interno, tendrías que medirlo con una herramienta super perfecta y precisa para notar el incremento de velocidad. Je, je. Saludos.
segun he leido, es igual externo que interno para lo de la velocidad, aunque no se recomienda tener que cargar mas de tres archivos .css por pagina, en cuanto a la practicidad siempre sera mejor externo, en caso de que tengas que cambiar algo de la apariencia de la pagina, solo lo cambias en la css y se replica en todas las paginas.
Hola! Gracias por las respuestas!
Vamos a ver, afino un poco más en el tema, a ver si me explico bien.
Yo ahora lo tengo así:
- Un CSS general externo: Común a todas las páginas
- Un CSS en el código de cada página: En cada página (no son dinámicas) hay ciertos elementos css referentes solo a dicha página.
Lo tengo así, porque cuanto empecé a hacer la página, pensé que no haría falta cargar todo el css de páginas k el usuario no va ni a visitar. Pensé que sería más rápido, tener un css común, y luego un css para cada página.
Pero al empezar a estuidar SEO, lei que contra menos lineas de código al inicio mejor que mejor para los buscadores, ya que dan más importancia a las 1as líneas.
Asi que mi duda es, este css que tengo en el código de la página:
- ¿lo pongo externo?: cada página tendría 2 css externos
- ¿lo meto en el css general?: este crecería en tamaño, y se mostrarian partes de css no aplicables a la página en cuestión
- ¿Cual de esto 2 métodos es más veloz?
Mmm... espero no ser repetitiva, es que tengo la cabeza de código... frita.
Saludos!!
Amigo estás ahogándote en un vaso de agua, como sea que lo dejes... La velocidad es imperceptible. Saludos.
Jaja, ok ;-)
A ver, quizás sea un poco perfeccionista. Todo esto es nuevo para mi, y quiero hacerlo lo mejor posible.
Estas respuestas que me dais me están ayudando mucho a hacerme una idea de cómo funcionan las cosas.
Asi que, si me dices que la velocidad no va a variar gran cosa entre una opción y la otra, lo que voy a hacer es:
- Poner todo el CSS en un solo archivo y tenerlo externo. Así no molesta en el HTML. Eso, sí, será un super CSS...
Saludos!
