Unificar CSS en Wordpress

iEnrique · #1 (**permalink**) 23/07/2014, 16:37

Hola,

Les comento. Estoy trabajando en una página web desarrollada en Wordpress, el caso es que Wordpress me coloca unos archivos CSS que uso en la etiqueta <head></head> pero hay un problema y es que la página web carga muy lenta por culpa de la cantidad de consultas de archivos que se realizan al servidor (unas 30).

Todo esto lo he visto a traves de Yslow y de los plugins que utilizo para desarrollo y si de CSS total aumenta a 400kb es ahí donde está el problema.

La cuestion estaría en que ese error se solucionaría si puediera unificar todos esos archivos CSS en uno y entonces el problema se solucionaría.

¿Qué puedo hacer?
Muchas gracias,
un saludo,
Enrique.

pzin · #2 (**permalink**) 24/07/2014, 23:27

400kb de código CSS es demasiado código. No creo que lo utilices todo en cada página. Trata de cargar por página lo que te haga falta nada más.

Y si quieres unir todos los archivos, pues únelos. Únelos según cargan, para mantener el orden del CSS (para no romper nada). No debería de haber problema con unirlo.

Por otro lado también podrías tener el código CSS que tengas en producción minificado, eso suele ahorrar algo de espacio.

iEnrique · #3 (**permalink**) 25/07/2014, 03:11

Muchas gracias Pzin, he activado algunas opciones y junto con tus sugerencias creo que me irá bien, lo probaré para ver si me funciona.

De todas formas no cierro el tema por si no me funciona o a alguien se le ocurren más ideas.

Gracias.

Elyas · #4 (**permalink**) 04/08/2014, 10:19

Cita:

Iniciado por iEnrique

Muchas gracias Pzin, he activado algunas opciones y junto con tus sugerencias creo que me irá bien, lo probaré para ver si me funciona.

De todas formas no cierro el tema por si no me funciona o a alguien se le ocurren más ideas.

Gracias.

Realmente necesitas 300KB de CSS? debes de tener todo petao de plugins (

webosiris · #5 (**permalink**) 04/08/2014, 11:29

me parece demasiado css... el archivo de css (también wp) que estoy trabajando ahora mismo por ejemplo tiene 1330 líneas y pesa 25 kb (y menos de 19 Kb minificado) así que para que sean 400 Kb tienen que ser más de 20.000 líneas... y no se a ti, pero a mi me parece una grosería :P

GeniosWeb · #6 (**permalink**) 25/05/2015, 13:04

Estoy de acuerdo que puede ser mucho, deberías considerar limpiarlo, pero en algunas ocasiones puede ser útil mantener archivos css grandes, por que ? Porque en el css podemos meter imágenes incrustadas y así ahorramos muchas peticiones, no todas, pero suele ser conveniente meter las imagenes pequeñas y que se repiten en todo el sitio. De esta forma metemos todas las peticiones chicas en una sola y además las podemos cachear para evitar volver a cargarlas cuando navegamos por el sitio