Foros del Web » Estrategias Digitales y Negocios Online » SEO »

Cómo cargar los css para mejorar la velocidad de carga

Estas en el tema de Cómo cargar los css para mejorar la velocidad de carga en el foro de SEO en Foros del Web. Hola a todos: he analizado mi página web con GTMetrix para ver la velocidad de carga y me dice que tengo 75 peticiones al servidor. ...
  #1 (permalink)  
Antiguo 04/09/2013, 03:06
 
Fecha de Ingreso: junio-2008
Ubicación: Valencia (España)
Mensajes: 132
Antigüedad: 11 años, 5 meses
Puntos: 1
Cómo cargar los css para mejorar la velocidad de carga

Hola a todos: he analizado mi página web con GTMetrix para ver la velocidad de carga y me dice que tengo 75 peticiones al servidor. Como he leído que 75 peticiones son demasiadas me planteo reducirlas uniendo varios archivos css que se cargan en la página web.

Todos los css tienen declarada una caducidad en el .htaccess con el siguiente código: "#ExpiresByType text/css A3600" y por tanto, después de cargarse la primera página no se volverían a cargar.

Por otra parte, hay archivos css que se cargan en algunas páginas y no en otras, dependiendo del diseño de cada una.

Quiero preguntaros sobre la mejor forma de unir esos archivos css. Si uno los ficheros creando diferentes css cargaría cada fichero css resultante en cada página que utilizara un css distinto pero si los dejo tal y como están se cargarían todos los css una única vez pero habría más peticiones al servidor. ¿Qué sería mejor crear un css para cada tipo de página que incluya todos los ficheros actuales o bien dejar los ficheros con la estructura actual?

Deseo haber explicado adecuadamente mi duda y espero ansioso vuestras respuestas. Gracias de antemano por vuestra colaboración.

Un saludo.
__________________
tu outlet online
GolfSencillo
  #2 (permalink)  
Antiguo 04/09/2013, 06:39
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.222
Antigüedad: 14 años, 8 meses
Puntos: 2093
Respuesta: Cómo cargar los css para mejorar la velocidad de carga

Considero que una respuesta adecuada requiere del previo conocimiento de la arquitectura del sitio.

No obstante algunas consideraciones—como las siguientes—forman parte de las buenas prácticas, sobre la carga de archivos CSS y la manera en que impactan en la velocidad de carga de la página:

  • Evitar un elevado número de peticiones al servidor (eso ya lo sabés)
  • Declarar la vigencia de los documentos en la cache del navegador (eso también lo has hecho)
  • Utilizar herramientas de minificación de archivos (podés leer al respecto sobre Minify CSS)
  • Habilitar la compresión desde el lado del servidor
Finalmente la curva de satisfacción mediante prueba y error no es muy compleja siempre que mantengas copias de resguardo de tus archivos y puedas establecer fácilmente una marcha atrás de la última modificación.

Me gusta el servicio que presta GTmetrix, en especial atención de los registros históricos que te permite mantener; no osbtante—y esto es una elección personal, no profesional—me agrada más trabajar con PageSpeed Insights







__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 04/09/2013, 13:33
Avatar de exatienda  
Fecha de Ingreso: julio-2013
Ubicación: Manresa, Barcelona
Mensajes: 227
Antigüedad: 6 años, 4 meses
Puntos: 21
Respuesta: Cómo cargar los css para mejorar la velocidad de carga

Pide que te habiliten la compresión GZIP en el httpd.conf de tu servidor web Apache, hoy en día la mayoría de navegadores entienden el GZIP y reducirás drásticamente la carga de tu web al cliente.
__________________
cajas rack tpvs | impresoras
  #4 (permalink)  
Antiguo 04/09/2013, 13:45
Avatar de keriosp  
Fecha de Ingreso: noviembre-2011
Ubicación: iworld
Mensajes: 53
Antigüedad: 8 años
Puntos: 9
Respuesta: Cómo cargar los css para mejorar la velocidad de carga

Para reducir el número de peticiones, como para parece lógico, es unir varios .css. Si usas plantillas, a partir de las que creas varios tipos de páginas, pues incluye únicamente los .css que se van a usar en esas páginas, por ejemplo un .css de estilos de menus, otro para posicionamiento, otro de estilos particulares. Eso si, tener en cuenta para la renderización estilos que se usen antes en el html, aparezcan antes en el .css. Agrupando .css para grupos comunes de páginas que los usan, en plantillas, páginas maestras, pues se consigue una mejora en peticiones al server y tiempo de carga.

En cuanto a compresiones, creo que los servidores actuales, ya por defecto comprimen gzip.
Espero te sirva!
  #5 (permalink)  
Antiguo 05/09/2013, 00:03
Avatar de Tedel  
Fecha de Ingreso: enero-2011
Ubicación: Lima
Mensajes: 2.744
Antigüedad: 8 años, 10 meses
Puntos: 444
Respuesta: Cómo cargar los css para mejorar la velocidad de carga

Una web debería tener solamente un archivo CSS (cómo detesto cuando me piden optimizar una web y hay varios). Haz solamente uno y reducirás dos o tres peticiones allí.
__________________
Soy el autor de Heptagrama y tengo un servicio "todo incluido" de marketing web.

Etiquetas: css, mejorar, página, velocidad
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:44.